<< React Native 入门与实战>>----第3章 常用组件及实战

前端之家收集整理的这篇文章主要介绍了<< React Native 入门与实战>>----第3章 常用组件及实战前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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@H_502_14@
  2. 创建组件:使用var app = React.createClass@H_502_14@
  3. 添加样式:使用var styles=StyleSheet.create({})@H_502_14@
  4. 注册入口@H_502_14@
  5. 布局 全部实现代码@H_502_14@
原文链接:https://www.f2er.com/react/306956.html

猜你在找的React相关文章