logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

RN中的路由,底部导航栏和路由的传参。 一期

安装主库npm i react-navigation --save安装主库依赖的第三方库npm i react-native-gesture-handler --savenpm i react-native-reanimated --save根据项目需要引入各导航组件的库npm i react-navigation-stack --savenpm i react-navigati...

#react native
RN中使用Modal+picker做一个时间选择组件

1.安装依赖:npm i react-native-date-picker --save // 日期选择组件npm i react-native-modal --save // 模态框组件2.代码:import React, { Component } from 'react'import {StyleSheet,SafeAreaView,Touchab...

RN中怎样用FlatList做一个左右的滑动展示内容的Component

import React, { Component } from 'react';import {Text,View,FlatList,StyleSheet,Image,TouchableOpacity,Dimensions,} from 'react-native';const { width: screenWidth...

RN中怎样做一个选项卡

安装依赖:npm i react-native-tab-view --save2.代码import React, { Component } from 'react';import {Text,View,StyleSheet,Dimensions,TouchableOpacity,} from 'react-native';im...

#javascript
RN做一个长文本折叠组件

1.安装依赖:npm install rn-expandable-text --save2.在需要的文件中引入:import ExpandableText from 'rn-expandable-text';3.内容的书写:const content = (<Text>移动开发经常会遇到这种情况:我们需要内容过长...

#javascript#reactjs
RN中模态框的使用

1.安装依赖:npm i react-native-modal --save2.代码如下:import React, { Component } from 'react';import {Text,View,StyleSheet,TouchableOpacity,} from 'react-native';import Modal fro...

#react native
RN中路由的传参和头部的样式

代码如下:import React, { Component } from 'react'import {Text,View,TouchableOpacity,Alert,} from 'react-native'export default class HomeOne extends Component {static nav...

#reactjs
RN开发APP

最近使用RN做开发了一个APP在开发中肯定离不开路由;RN中关于路由的配置:安装依赖react-navigation-stack;创建路由import { createStackNavigator } from ‘react-navigation-stack’;路由的跳转则要通过:this.props.navigation.navigate(‘路径’,‘数据’)路由数据的接收通过this...

react中将html转成图片

1.安装 html2canvasnpm install html2canvas --save2.案例import React, { Component } from 'react';import html2canvas from 'html2canvas';class Sales extends Component {constructor(props) {super(props);this.st

#react.js#html5#javascript
RN开发APP

最近使用RN做开发了一个APP在开发中肯定离不开路由;RN中关于路由的配置:安装依赖react-navigation-stack;创建路由import { createStackNavigator } from ‘react-navigation-stack’;路由的跳转则要通过:this.props.navigation.navigate(‘路径’,‘数据’)路由数据的接收通过this...

到底了