摘要: 项目中我们会经常使用到一些属性,下面简记下自己使用的 1、透明色 transparent 2、View默认的色值就是transparent 3、字体加粗 fontWeight(一般会根据设计统一调整) this.isAndroid()?'200':'bold'; 4、圆角 borderRadius 阅读全文
posted @ 2021-06-04 18:11 小菜看代码 阅读(3162) 评论(0) 推荐(0) 编辑
摘要: 项目中我们经常会遇到展开收起的功能,今天讨论下展开收起的思路, 其实就是添加一个标记(openflag),然后我们需要展开收起的视图依赖于这个标记。 效果如图: 收起时显示展开 展开时显示收起 话不多说上代码 export default class Test extends React.Compo 阅读全文
posted @ 2021-06-04 17:39 小菜看代码 阅读(1167) 评论(0) 推荐(0) 编辑
摘要: 项目中我们会经常使用到TouchableOpacity这个组件,下面简述下自己的见解: 1、相当于一个有点击功能的View 所以可以像View一样设置样式 2、被包含组件的margin会响应点击事件 所以我们要控制点击热区时,应当将margin考虑在内,这个比较好理解margin也是组件的一部分 3 阅读全文
posted @ 2021-06-04 17:06 小菜看代码 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 项目中我们经常会遇到一种情况就是,我的核心内容展示很长(用ScrollView实现),但是按钮要定位在屏幕底部,那么此时我们如何实现呢? 其实很简单,只要除了按钮位置都留给ScrollView即可,用flex:1即可实现, 因为flex:1默认会优先展示兄弟组件,然后才会自己填充满父组件剩余部分。 阅读全文
posted @ 2021-06-04 16:21 小菜看代码 阅读(1618) 评论(0) 推荐(1) 编辑
摘要: 项目中我们经常会遇到组件左右两端展示的需求,实现的方法有很多种, 今天简述下以下两种方法: A:子组件使用flex:1(自动填充) 优势: 设置flex:1的组件会优先展示兄弟组件,然后自己才会填充父组件剩余部分。 假如设置左端组件flex:1,那么会优先展示右端组件,然后左端组件才会填充父组件剩余 阅读全文
posted @ 2021-06-04 15:54 小菜看代码 阅读(1561) 评论(0) 推荐(0) 编辑