React native
码上有你_LL
编程积累
展开
-
React Native系列之flexbox布局(伸缩属性)
###伸缩项目的属性1.order定义项目的排列顺序,数值越小,排列越靠前,默认值为0,语法为:order:整数值2.flex-grow:类似安卓里面的权重定义伸缩项目的放大比例,默认值为0,即表示如果存在剩余空间,也不放大,语法为:flex-grow:整数值3.flex-shrink定义伸缩项目的收缩能力,默认值为1 ,其语法为:flex-shri原创 2017-04-06 09:32:54 · 761 阅读 · 0 评论 -
React Native系列之flexbox布局(RN基础)
flexbox是Flexible Box的缩写,弹性盒子布局 主流的浏览器都支持flexbox布局是伸缩容器(container)和伸缩项目(item)组成Flexbox布局的主体思想是元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小。总之,Flex元素是可以让你的布局根据浏览器的大小变化原创 2017-04-05 15:09:41 · 762 阅读 · 0 评论 -
React Native系列之flexbox布局详解
CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局,它具有很强大的功能,可以很轻松实现很多复杂布局,在它出现之前,我们经常使用的布局方式是浮动或者固定宽度+百分比来进行布局,代码量较大且难以理解。为了更好理解flexbox布局,这里首先要介绍几个概念:如果所示:(1)主轴(侧轴),flexbox布局里面将一个可伸缩容器按照水平和垂直方向分为原创 2017-04-06 11:10:45 · 616 阅读 · 0 评论 -
选项卡react-native-scrollable-tab-view
http://www.jianshu.com/p/b7788c3d106e官方为我们提供的Tab控制器有两种:TabBarIOS,仅适用于IOS平台ViewPagerAndroid,仅适用于Android平台(严格来讲并不算,因为我们还需要自己实现Tab)如果我们需要一个更通用的Tab控制器,那么就要借助开源的力量,本篇文章教你如何使用react-native-sc转载 2017-07-12 15:40:23 · 1981 阅读 · 0 评论 -
React Native 之ScrollView轮播图实现
/** * Created by Administrator on 2017/6/29. */import React, {Component} from 'react';import { StyleSheet, Text, View, Image, ScrollView} from 'react-native';var JsonData=req原创 2017-07-06 16:33:02 · 14717 阅读 · 0 评论