![](https://img-blog.csdnimg.cn/20200620132922408.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
react native
react native
倒骑驴走着瞧
不积跬步无以至千里
展开
-
React Native中“this.state=“和“this.setState“区别
this.state= 是对state的初始化,一直组件构造方法中进行初始化this.setState 是对state中的某个值进行修改原创 2020-10-29 16:46:29 · 542 阅读 · 0 评论 -
React Native在render渲染界面时控件的onPress中方法就被自动执行
问题:render界面渲染时候onPress指向的doSomething方法就执行了;期望:只有当点击这个按钮时才触发doSomething方法<Button ... onPress={this.doSomething()} ...>原因:猜想是RN会把{}中的对象或者方法都预加载,所以导致一进来就会被执行解决办法:使用箭头函数<Button ... onPress={() => this.doSomething()} ...>原创 2020-10-26 15:31:26 · 717 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
在做React Native 开发时遇到,仅此记录JSON.parse(jsonStr) 将jsonStr转换成对象JSON.stringify(jsonObj) 将jsonObj 转换成json字符串原创 2020-10-26 11:22:58 · 278 阅读 · 0 评论 -
移动端上传图片失败
环境:RN 问题反馈可以上传最多4张图片上传方式:图片base64方式问题:上传1张图片没有出现问题,上传多张就会出现上传失败原因:单张图片转base64后请求体大小未超过后端tomcat请求体大小限制2M(默认),当上传多张时,就会出现报错,postman中报错如下解决方案:方式0:将图片分开上传,一次上传一张,但是治标不治本,如果单张图片过大也会出现该问题,这种办法pass方式1:在前端不改上传图片方式(base64)的情况下,后端适当增大post请求体内容大小限制方式2:前后端修改接原创 2020-08-06 15:39:07 · 713 阅读 · 0 评论 -
react-navigation createBottomTabNavigator 切换TAB刷新界面
以createBottomTabNavigator方式创建底部导航栏,只有第一次进入tab界面时会加载数据,再次点击进入无法重新加载或者刷新数据;通过在第一次渲染后注册获取焦点事件,获取焦点后重新请求刷新数据即可;在组件卸载时候进行事件移除即可 componentDidMount() { this.fetchData() this._navListener = this.props.navigation.addListener('didFocus', () => { this.fe原创 2020-08-05 16:59:38 · 1514 阅读 · 0 评论 -
react native run-andorid 找不到符号NonNull/Nullable/RequiresApi
环境“react-native”: “0.57.8”问题执行命令:react native run-android 出现找不到符号NonNull/Nullable/RequiresApi找到问题所在的类发现都默认导入androidx.annotation下的类;因项目未适配androidx,所以理论上不应该出现这种问题问题原因因为npm install导致依赖的sdk版本未锁定,使用了适配androidx的版本解决办法Yarn是 Facebook 提供的替代 npm 的工具,可以加速 nod原创 2020-07-06 14:24:14 · 867 阅读 · 0 评论 -
react-native 版本升级
查看reactnative版本react-native -v通过升级版本遇到问题通过原创 2020-07-02 17:28:07 · 503 阅读 · 0 评论 -
React Native 判断对象undefined
开始使用obj === undefined 一直返回false,发现有问题if (typeof(obj) == "undefined"){ //do something}仅此记录,如有问题还请指正原创 2020-04-01 14:22:37 · 1482 阅读 · 0 评论 -
React组件for循环渲染子组件
render(){ var items = []; for (var i = 0; i < 10; i++) { items.push(<Text>组件</Text>); } return( <View> {items} </View>...原创 2020-03-19 14:01:00 · 3905 阅读 · 0 评论 -
运行RN项目遇到的问题
运行git上的rn项目拉取项目进入项目目录安装依赖包npm install 安装依赖后(安装时候还是提示有的包没有安装上),react-native run-android时候总是提示有的包找不到使用yarn install安装项目的所有依赖项没有上述问题react-native startreact-native run-android...原创 2020-03-16 13:29:58 · 427 阅读 · 0 评论 -
react-native start报错 blacklist.js
报错:原因:可能和我升级了RN版本有关系解决办法:原blacklist.js修改后的blacklist.js 三个箭头处添加了""参考连接https://www.jianshu.com/p/cebd55929850原创 2020-03-16 11:33:25 · 533 阅读 · 0 评论 -
ReactNative使用navigate进行界面之间的跳转
navigation.navigate(routeName,params)routeName:跳转目标界面的路由名,也就是导航器中配置的路由名params:需要传递到跳转的界面的参数原创 2020-03-15 19:58:00 · 3166 阅读 · 0 评论 -
ReactNative 组件声明及导出
学习RN过程中看到的几种组件声明的写法,仅此记录,如有问题还需各位看官指正,谢谢;1.react-native init 项目 自动生成的App.jsconst App: () => React$Node = () => { return ( <View> <Text>测试</Text> </View>...原创 2020-03-11 10:30:39 · 270 阅读 · 0 评论 -
ReactNative学习资料
ReactNative学习时候搜集的资料,仅此记录React 技术栈系列教程开发 React Native APP —— 从改造官方Demo开始(一)原创 2020-03-07 19:12:21 · 389 阅读 · 0 评论 -
React Native 环境搭建和HelloWorld
搭建环境仅此记录,主要参2和3进行环境配置(2中打开项目时候,遇到了问题3)参考:1.搭建开发环境2.react-native环境配置3.Make sure that you have run npm install and that you are inside a react-native project...原创 2020-03-02 15:32:20 · 232 阅读 · 0 评论