随笔分类 - React-Native
摘要：问题描述： 用React Native架构的无论是Android APP还是iOS APP，在启动时都出现白屏现象，时间大概1~3s（根据手机或模拟器的性能不同而不同）。 问题分析： 为什么会产生白屏？ React Native应用在启动时会将js bundle读取到内存中，并完成渲染。这期间由于j
阅读全文
摘要：1.在自己项目的ios文件夹下新建一个文件夹取名bundle（ps:ios文件夹和node_modules文件夹在同一级目录下，这个bundle文件夹名称随意取，后面要用到，但是记得在相应地方改一下就好了） 2.为了方便，将打包命令写到项目package.json文件里，然后执行命令： npm ru
阅读全文
摘要：开发中遇到这样的问题，我更新了state一个数组的某个元素的选中状态，打印出的数据也显示修改正确了，但是界面却没更新。例如下图点击某项修改选中状态。 代码中之前是这样写的，结果界面没有更新。 后面查了一下资料，因为FlatList组件继承自PureComponent而非通常的Component，这意
阅读全文
摘要：打开远程调试总会出现 这么一段话 Remote debugger is in a background tab which may cause apps to perform slowly. Fix this by foregrounding the tab (or opening it in a
阅读全文
摘要：class DateUtil{ /** * 例如:2017-06-28 10:48:46转成date类, * 可把- replace成/ * @param dateString * @return Date */ static parserDateString(dateString){ if(dat
阅读全文
摘要：SectionList可以用于展示有多个分区的列表。 SectionList常用属性和方法 sections: Array相当于ListView中的数据源，SectionList所需要的数据都是经由sections属性传入，数据类型为Array类型 renderItem: (info: {item:
阅读全文
摘要：属性 1. numberOfLines 文本行数限制，添加后超过限制行数文本会在末尾默认以...的形式省略。 2. ellipsizeMode 设置文本缩略格式，配合numberOfLines使用，values： tail：在末尾...省略（默认值） clip：在末尾切割，直接切割字符无省略符 he
阅读全文
摘要：设置进度条及loading动画可以使用这个第三方react-native-progress，支持条形及环形，官方显示demo图片如下 GitHub地址为：https://github.com/imartingraham/react-native-progress 这个组件有四种进度条： Progre
阅读全文
摘要：参考链接：https://www.jianshu.com/p/668024972b44 这块之前按照文档写，写的不完整，报错 bridge is not set. 首先继承RCTEventEmitter，实现suppportEvents方法并调用self sendEventWithName:。 #i
阅读全文
摘要：原程序是这样写的，然后一直出现错误，找不到PropTypes， import React,{Component } from 'react'; import { View, Text, Image, TouchableWithoutFeedback, PropTypes, StyleSheet }
阅读全文
摘要：这个是因为react最新版本抛弃使用了createClass这个函数，这个也是为了配合ES6 。这种情况下会报错 ......... ........ ........ 应修改为下面的写法：
阅读全文
摘要：用于滑动tab的切换。git上地址：https://github.com/sooglejay/react-native-scrollable-tab-view 原文链接：https://www.jianshu.com/p/b7788c3d106e 1.执行npm install react-nati
阅读全文
摘要：转载自：http://www.devio.org/2017/01/10/React-Native按钮详解-Touchable系列组件使用详解/ 在做App开发过程中离不了的需要用户交互，说到交互，我们首先会想到的就是按钮了，在React Native中没有专门的按钮组件。 为了能让视图能够响应用的的
阅读全文
摘要：转载自：http://www.devio.org/2016/08/01/Reac-Native布局详细指南/ 一款好的APP离不了一个漂亮的布局，本文章将向大家分享React Native中的布局方式FlexBox。 在React Native中布局采用的是FleBox(弹性框)进行布局。 Flex
阅读全文
摘要：ref是什么？ ref是组件的特殊属性，组件被渲染后，指向组件的一个引用。可以通过组件的ref属性，来获取真实的组件。 因为，组件并不是真正的DOM节点，而是存在于内存中的一种数据结构，称为虚拟的DOM，只有当它真正的插入文档之后，才变为真正的DOM节点。根据React的设计，所以的DOM变动都发生
阅读全文
摘要：属性确认的作用 使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属性传递的数据类型有误。 因此我们可以在开发 React Native 自定义组件时，可以通过属性确认来声明这个组件需要哪
阅读全文
摘要：组件 导出组件 使用export default关键字，来导出默认的组件。 导入组件 变量和常亮 导出变量和常亮 导入变量和常亮 方法 导出方法 导入方法 总结 注意： ./ 表示当前文件的同级目录，../ 表示当前文件的上层目录，当目录结构非常复杂时，要小心点不要写错了。
阅读全文
摘要：1，AsyncStorage介绍 AsyncStorage 是一个简单的、异步的、持久化的 Key-Value 存储系统，它对于 App 来说是全局性的。它用来代替 LocalStorage。 由于它的操作是全局的，官方建议我们最好针对 AsyncStorage 进行一下抽象的封装再使用，而且不是直
阅读全文
摘要：Util.post(baseURL,formData,function(data){ var result = JSON.parse(data.data); console.log(result.mobile); }) RN解析数据时报错，原因是返回的数据已经是object格式，无需再使用var r
阅读全文
摘要：首先给个github地址：https://github.com/react-community/react-native-image-picker 该插件可以同时给iOS和Android两个平台下使用,但是需要配置下各自平台下的文件 1. 首先,安装下该插件: npm install react-n
阅读全文
浙公网安备 33010602011771号