东方耀 发表于 2016-6-16 10:55:15

12、手把手教React Native实战之View组件

#12、手把手教React Native实战之View组件

在React Native里有一个类似于div的组件,那就是View组件,支持多层嵌套,支持flexbox布局

加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码
http://www.reactnative.vip/img/dongfangyao888.jpg
实例步骤:

1.加载View组件

2.创建组件

3.添加样式表

4.注册入口

5.外层布局

<View style={styles.container}>

      <View style={styles.item}></View>
      <View style={styles.item}></View>
      <View style={styles.item}></View>

      </View>


6.flexbox水平三栏布局

外联样式:style={styles.container}

内联样式:style={{flex:1,borderWidth:1,borderColor:'red',flexDirection:'row'}}

多个样式:style=
{}



7.上下两栏布局

<View style={}>
            <Text>团购</Text>
          </View>

          <View style={}>
            <Text>客栈,公寓</Text>

          </View>

8.完善效果

    <View style={}>

          <View style={}>
            <Text style={styles.font}>海外酒店</Text>
          </View>

          <View style={}>
            <Text style={styles.font}>特惠酒店</Text>

          </View>



      </View>


##12、配套视频(下载地址)【回复本帖才可见】:**** Hidden Message *****

LL101SS 发表于 2016-6-21 15:58:02

为什么要用最小线宽,直接写具体的数字不行吗

dq0709 发表于 2016-6-23 21:18:53

学习学习学习学习

lixiaohu 发表于 2016-6-25 23:26:27

撒打算的a

小虫儿 发表于 2016-6-26 14:40:14

高清吗:lol:lol:lol:lol:lol:lol:lol

hefangxin 发表于 2016-6-28 14:02:33

快让我进去。。。。。。。

libchaos 发表于 2016-6-29 13:45:02

view 组件化开发

libchaos 发表于 2016-6-29 13:45:20

vieW 组件化开发 react-native

Helaiqu 发表于 2016-7-1 16:44:17

666666666666666666

背后一阵个 发表于 2016-7-2 17:04:52

ioahspoijfpoasjd
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 12、手把手教React Native实战之View组件