reactNative采坑之路
曲小强
前行之路,负重而行。
展开
-
解决react-native软键盘弹出挡住输入框的问题
这是效果:代码:import React, {Component} from 'react';import { View, Text, Button, StyleSheet, TextInput, ScrollView, KeyboardAvoidingView, Dimensions } from 'react-native';import { StackActions, N...原创 2019-01-24 16:29:26 · 4499 阅读 · 0 评论 -
React Native 实现页面返回监听
A页面写:import {DeviceEventEmitter} from 'react-native'componentDidMount() { // 这里的`param`可以为空,接受你B页面传过来的数据 this.subscription = DeviceEventEmitter.addListener("EventType", (param)=>{ ...原创 2019-03-29 13:17:19 · 2650 阅读 · 2 评论 -
Warning: Failed prop type: Invalid prop value of type number supplied to Textinput, expected string
react-native 使用TextInput标签时会遇到这个警告:Warning: Failed prop type: Invalid prop value of type number supplied to Textinput, expected string in Textinput (at Appointmentnumber is: 112) in Appointmentnumbe...原创 2019-03-27 10:14:33 · 13148 阅读 · 0 评论 -
react-native DatePickerAndroid调起日历(一)
贴 代码import React, {Component} from 'react';import {StyleSheet, Text, View,TouchableHighlight,DatePickerAndroid} from 'react-native';import { withNavigation } from 'react-navigation';class MyPag...原创 2019-03-13 17:38:49 · 1348 阅读 · 0 评论 -
react-native带参数跳转
import { NavigationActions } from 'react-navigation';const navigateAction = NavigationActions.navigate({ routeName: 'Profile', params: {}, action: NavigationActions.navigate({ routeName: 'S...原创 2019-03-12 14:15:41 · 1425 阅读 · 0 评论 -
写一个react-native状态按钮切换
效果是这样的因为是自学的,所以很多地方要自己摸索,贴个代码,不懂的可以一起讨论,虚心求教!~~import React, {Component} from 'react';import { View, Text, Button, StyleSheet, Image, TouchableOpacity,TextInput, ScrollView } from 'react-nativ...原创 2019-03-04 17:44:51 · 2199 阅读 · 0 评论 -
react-native DatePickerAndroid(二)
import React, {Component} from 'react';import {StyleSheet, Text, View,TouchableHighlight,DatePickerAndroid} from 'react-native';import { withNavigation } from 'react-navigation';class MyPage exte...原创 2019-03-14 10:39:06 · 568 阅读 · 0 评论 -
this.props.navigation的一些用法
render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面" onPress = {() =&g...原创 2019-01-23 17:46:46 · 5096 阅读 · 0 评论 -
react-navigation一些使用技巧
react-navigation3.x官网:https://reactnavigation.org/docs/zh-Hans/app-containers.html转载:https://blog.csdn.net/sinat_34380438/article/details/78464548转载 2019-01-23 11:41:20 · 149 阅读 · 1 评论 -
react-native TabNavigator底部导航栏
先上效果图1、根目录 安装:npm install react-native-tab-navigator --save2、引入import TabNavigator from 'react-native-tab-navigator';3、完整代码import React, {Component} from 'react';import { AppRegist...原创 2019-01-23 11:11:47 · 1447 阅读 · 0 评论 -
react-native 的页面跳转
你需要先执行:yarn add react-navigation# or with npm# npm install --save react-navigation然后,安装 react-native-gesture-handler。 如果你使用 Expo,就什么都不需要做,他已经包含在 SDK 中 了, 否则:yarn add react-native-gesture-han...原创 2019-01-22 17:50:28 · 10405 阅读 · 4 评论 -
undefined is not an object (evaluating 'RNGestureHandlerModule.State'
undefined is not an object (evaluating ‘RNGestureHandlerModule.State’React Navigation 升级到3.x版本后,遇到了undefined is not an object (evaluating 'RNGestureHandlerModule.State'。解决办法:步骤如下: npm install...原创 2019-01-22 17:03:37 · 3400 阅读 · 3 评论 -
React Native Switch 组件大小
<Switch style={{ transform: [{ scaleX: 1.4 }, { scaleY: 1.4}], marginRight: 16 }} thumbColor='#ffffff' value={this.state.value} onValueChange={(valu...原创 2019-01-25 14:12:13 · 1385 阅读 · 0 评论 -
React Native 上传文件
弄了俩天 难受的一匹 ,拍照用的是react-native-image-picker 自己搜var file = { uri: response.uri, type: 'multipart/form-data', name: 'image.jpg' } let formdata = new FormData(); formdata.append(...原创 2019-04-29 16:09:24 · 2572 阅读 · 1 评论