React-Native
尼古拉斯-托尔斯泰-赵四
喜欢用笔记本的我,转用博客记录自己的学习成长之路~~~
展开
-
react-native学习中的错误记录
1.render: function() { var navigationView = ( <View style={{flex: 1, backgroundColor: '#fff'}}> <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I'm in the Drawer!</Text> </V原创 2016-10-14 18:31:34 · 341 阅读 · 0 评论 -
react native 中DataPickerAndroid的用法和一些注意注意点
例:const Button = React.createClass({ render(){ return ( <TouchableHighlight style={styles.button} underlayColor={'#a5a5a5'} onPre原创 2016-11-03 15:11:42 · 2763 阅读 · 2 评论 -
react-native组件笔记
ListView 我们建议把内容放到ListView中渲染,但是在为什么这样做呢? 这样做比起直接渲染出所有的元素,或是放到一个ScrollView里有什么优势?这是因为尽管React很高效,渲染一个可能很大的元素列表还是会很慢。ListView会安排视图的渲染,只显示当前在屏幕上的那些元素。而那些已经渲染好了但移动到了屏幕之外的元素,则会从原生视图结构中移除(以提高性能)。 最基本的使用原创 2016-10-09 16:42:16 · 501 阅读 · 0 评论 -
react native中的layoutAnimation组件
layoutAnimation 只对布局的创建和更新事件起作用,对删除事件是不起作用的(如删除某个元素时,该元素会消失,可能会透明度逐渐减少 ,但是不会有其他复杂的消失)。 LayoutAnimation有以下三种动画效果类型: caseInEaseOut linear spring 例一://自定义: LayoutAnimation.configureNext(LayoutAnimation.原创 2016-11-04 17:59:39 · 2024 阅读 · 0 评论 -
React-native 中Linking组件的实例
import React from 'react'; import ReactNative, { AppRegistry, Component, StyleSheet, Text, View, Linking, TouchableHighlight, } from 'react-native'; const CustomButton =React.createClass原创 2016-11-07 17:42:23 · 3934 阅读 · 2 评论 -
react-native笔记
使用Flexbox布局一般来说,使用flexDirection、alignItems和 justifyContent三个样式属性就已经能满足大多数布局需求。 flexDirection 在组件的style中指定flexDirection可以决定布局的主轴。子元素是应该沿着水平轴(row)方向排列,还是沿着竖直轴(column)方向排列呢?默认值是竖直轴(column)方向。 alignItems原创 2016-10-09 18:33:12 · 339 阅读 · 0 评论