摘要:
有时我们在开发React Native项目时,需要监听属性值的变化, 那么我们就需要用到这个方法 componentWillReceiveProps(nextProps: IProps) 话不多说直接上代码 state = { modalVisible: false, hotName: this.p 阅读全文
摘要:
在React Native组件中, 存放本组件相关信息,主要存放跟UI相关的变量,在本组件内可变,放在状态机中, 存放本组件相关信息,主要来源父组件赋值,在本组件内不可变,放在属性变量中, 逻辑相关要全局访问,伴随页面生命周期(即页面销毁才销毁)的变量放在成员变量、全局变量、静态变量中, 逻辑相关但 阅读全文
摘要:
城市选择使用Ant Design Mobile RN中的城市选择功能(https://rn.mobile.ant.design/components/picker-cn/) 但是这个库最后返回的value(城市编码),并没有返回label(城市名称) 官方文档暴露的所有接口 当我们需要使用城市名称的 阅读全文
摘要:
有时城市选择需要提供选择全部功能,比如某个省下的所有城市,此刻我们就需要自己修改数据了(将json文件存在本地)。 效果如图 json文件格式如下 其实就是在子集里添加全部节点 然后项目中读取json文件即可 // 三方库 // import datacity from '@bang88/china 阅读全文
摘要:
经过导包之路后终于能顺利运行,先看下效果,然后简述下遇到的小问题 话不多说,上代码 import { List, Picker, Provider } from '@ant-design/react-native'; // 引入三方城市库 import datacity from '@bang88/ 阅读全文
摘要:
我们在项目中有时会需要做城市选择, 我参照的是Ant Design Mobile RN中的城市选择功能(https://rn.mobile.ant.design/components/picker-cn/), 官方示例中城市数据是依赖@bang88/china_city_data这个库的,所以首先要 阅读全文
摘要:
项目中我们经常会自定义一些组件,然后传递数据进来。偶尔我们会拿到传递进来的数据进行一些运算,然后问题来了, 在某些偶发情况下,就会碰到,{"width":"<<NaN>>"}之类的错误 定义的数据接口(都是必传字段) export interface IProps extends IBasePage 阅读全文
摘要:
项目中我们经常需要调试我们所做的功能效果如何,调试方法有很多种,下面简述下比较客观直接的方法 1、在代码里添加console.warn(res),这样我们可以直接看到我们想要看到的数据、或者是否执行了某个方法 2、command+d 打开如下界面 然后点击Toggle Inspector 点击Net 阅读全文
摘要:
项目开发中我们经常会遇到一些代码格式化之类的操作,像复制粘贴之类的操作大都大同小异,下面简述下不太一样的操作 1、代码格式化 shift + option + F 2、模拟器退到后台 shift + command + H(双击) 3、JSON to TS插件转换模型 shift + option 阅读全文
摘要:
项目中我们经常使用到三方库,现在简述下如何使用 添加 1、进入项目的根目录(即package.json所在目录),(以react-native-percentage-circle为例)输入命令 yarn add react-native-percentage-circle 或者 npm instal 阅读全文