加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

<< React Native 入门与实战>>----第3章 常

发布时间:2020-12-15 03:35:55 所属栏目:百科 来源:网络整理
导读:3.1 View组件 React Native中的View就相当于web开发容器中的div 3.1.1 View介绍 View是一个容器,支持flexbox布局,可以进行复杂布局 3.1.2 案例:九宫格的实现 现在我们实现携程的客户端首页实例,其web app地址是http://m.ctrip.com,下面我们实现酒店这一

3.1 View组件
React Native中的View就相当于web开发容器中的div

3.1.1 View介绍
View是一个容器,支持flexbox布局,可以进行复杂布局
3.1.2 案例:九宫格的实现
现在我们实现携程的客户端首页实例,其web app地址是http://m.ctrip.com,下面我们实现酒店这一栏布局

实现:

  1. 加载View组件,在index.ios.js中引入react-native并加载View
  2. 创建组件:使用var app = React.createClass
  3. 添加样式:使用var styles=StyleSheet.create({})
  4. 注册入口
  5. 布局 全部实现代码

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读