小菜看代码

摘要： JavaScript有两个表示”无”的值：undefined和null。 undefined 表示”缺少值”，就是此处应该有一个值，但是还没有定义。例如，变量被声明了，但没有赋值，那么就是undefined。 转换为数值为：NaN null 表示一个值被定义了，但是它是空值。 转换为数值为：0 备注 阅读全文

摘要： 在iOS的世界里，视图是有生命周期的，比如视图加载，视图将要出现，或者视图销毁等阶段， 同理在React Native的生命周期里也是有类似阶段的，网上有很多例子，过程叫法也不太一样， 个人感觉总体是三个阶段： 挂载阶段、运行阶段、卸载阶段 一、挂载阶段 视图从创建 >初始化 >加载完成阶段， 类似 阅读全文

摘要： 项目中有时我们会遇到如下错误： Invariant Violation: Text strings must be rendered within a <Text> component. 解决办法： 仔细检查代码，一般该错误都是语法错误引起 示例： 查找许久，终于找到了原因： 原来是语法错误，多写了 阅读全文

摘要： 针对justifyContent、alignItems、alignSelf、alignContent这几个属性， 我们经常使用的是justifyContent、alignItems，我们可以了解下alignSelf、alignContent flexDirection 谈到布局我们从原生讲起，在iO 阅读全文

摘要： 项目中我们经常会遇到子组件和父组件垂直水平居中的问题，那么我们如何实现这个效果呢？ 方法有很多种，下面以自定义按钮为例简述下实现方法， A：主要使用这个来实现（相当于水平垂直居中）： justifyContent: 'center', alignItems:'center', 首先要理解justif 阅读全文

摘要： 某些情况下组件内直接取实体属性会报如下错误 TypeError：undefined is not an object(evaluating 'this.props.userBaseVo.userName') 此时就需要用三目?: (this.props.userBaseVo ? this.props 阅读全文

摘要： 项目中我们经常会遇到标签的样式，那么我们如何自定义呢？ 起初想直接使用Text设置间距不就可以了， 然而实测发现Text组件设置borderRadius、borderTopRightRadius等圆角是不会生效的，圆角需要设置在View上 所以我们的方案就是View包裹Text。用View设置圆角， 阅读全文

摘要： 项目中我们经常会遇到单选的功能，有很多第三方库也有类似功能，譬如Ant Design Mobile RN库中的Radio， 但是这些样式是固定的，当我们需要自定义单选图标，完全自定义时，就需要我们自己实现了。 下面简述下自定义单选的功能， 本质是为每条数据绑定一个选中标记sel，然后通过该标记来实现 阅读全文

摘要： 项目中我们会经常使用到一些属性，下面简记下自己使用的 1、透明色 transparent 2、View默认的色值就是transparent 3、字体加粗 fontWeight（一般会根据设计统一调整） this.isAndroid()?'200':'bold'; 4、圆角 borderRadius 阅读全文

摘要： 项目中我们经常会遇到展开收起的功能，今天讨论下展开收起的思路， 其实就是添加一个标记（openflag），然后我们需要展开收起的视图依赖于这个标记。 效果如图： 收起时显示展开 展开时显示收起 话不多说上代码 export default class Test extends React.Compo 阅读全文