React Native
文章平均质量分 75
yingzizizizizizzz
克制自己的懒惰
展开
-
React-Native利用React Navigation实现页面跳转——很好的RN入门DEMO
功能:1、简单的查看电影demo2、点击按钮跳转3、点击列表页中的某一条跳转到相应详情页页面:首页=>电影列表页=>详情页总结:1、练习了props,state,样式,长列表,网络,触摸事件,Flexbox布局(学习资料:http://flexboxfroggy.com/)2、练习了使用导航器跳转页面 https://reactnative.cn/d...原创 2018-09-11 18:26:54 · 8806 阅读 · 0 评论 -
React Native之样式篇
昨天会调试之后,今天迫不及待的就开始练习了。实现了一个电影列表,想让其样式变好看点,想要实现border:1px soild #ccc不好意思,RN告诉你不能这么用,于是百度呀。。。只能这样用:1、边框类borderWidth//边框宽度,单方向设置为borderBottomWidth,borderTopWidth,borderLeftWidth,borderRightWidth...原创 2018-09-05 17:01:00 · 1079 阅读 · 0 评论 -
React Native样式总结
转自:https://blog.csdn.net/Wbiokr/article/details/79133409布局类(flex)具体可参考justifyContent//主轴上对齐方式alignItems//副轴上对齐方式flexDirection//flex布局方向flexWrap//flex换行设置flexGrow//(子元素)放大权重flexShrink//(子元素)...转载 2018-09-05 17:02:56 · 449 阅读 · 0 评论 -
Flex Basis与Width的区别
转自:https://www.jianshu.com/p/17b1b445ecd4最近在学习Flex Box,其中的Flex Box属性中的Flex Basis是关于项目宽度属性设置的,这让许多初学Flex Box的人困惑它与CSS盒子模型Width属性的区别在哪?Google了一番,找到一篇解释写得很是不错的文章,尝试着翻译分享一下。原文地址:http://gedd.ski/post/th...转载 2018-11-20 15:48:32 · 173 阅读 · 0 评论 -
RN中的flex布局
Flex是CSS3中的一种新的布局模式,是可以自动调整子元素的高和宽,来很好的填充任何不同屏幕大小的显示设备中的可用显示空间,收缩内容防止内容溢出,确保元素拥有恰当的行为的布局方式。flex的主要概念1、容器 和 子项目容器的属性 和成员的属性(这个一定要弄清楚,不能瞎用,否则是浪费时间)2、主轴 和 侧轴主轴默认的方向是水平容器使用主轴的方向主轴和侧轴是垂直关系当你改...原创 2019-01-11 15:50:33 · 1767 阅读 · 0 评论