React Native
cym_bj
相信你能你就无所不能
展开
-
React Native——FlexBox布局
一、弹性盒模型(The flexible box Module),又叫FlexBox,意为“弹性布局”,旨在通过弹性的方试来对齐和分布容器中内容的空间,使其能适应不同屏幕,为盒装模型提供最大的灵活性。 Flex布局主要思想是:让容器有能力让其子项目能够改变其宽度、高度(甚至是顺序),以最佳方式填充可用空间; React native中的FlexBox是这个规范的一个子集。容器默认存在两原创 2017-02-21 16:48:41 · 430 阅读 · 0 评论 -
react-native ListView的属性flexWrap为wrap失效解决
最近在参照某些例子学习React-native 开发iOS和Android的app时,碰到如标题所示的问题:ListView的属性flexWrap为wrap不起作用。 如下可以看到每一行的其实是有10个图标的,自动换行之后,第一页的下满三个不见了: 代码如下: 大家可以看: flexDirection:'row', flexWrap:'wrap', 采取了转载 2017-03-02 16:01:58 · 1675 阅读 · 0 评论 -
React Native——Touchable类组件
React Native没有像Web开发那样可以给元素(组件)绑定click事件。React Native提供了3个组件来做这件事。这3个组件称为“Touchable类组件”.1、TouchableHighlight:高亮触摸,用户点击时,会产生高亮效果.2、TouchableOpacity:透明触摸。用户点击时,点击的组件会出现透明过度效果。3、TouchableWithoutFee原创 2017-03-08 16:59:52 · 333 阅读 · 0 评论 -
React Native开发环境配置
-------------如果你使用的是Mac OS系统,请参照以下步骤-----------一、环境需求1.1 安装Homebrew Homebrew是OS X的套件(包)管理器,我们可以通过它获取并且安装很多组件安装方式: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Home转载 2017-03-06 16:04:53 · 1284 阅读 · 0 评论 -
React Native——AppRegistry
每一个应用程序的运行都有一个入口文件或者入口函数,而在React Native 中,AppRegistry就肩负着这样的责任。AppRegistry负责注册运行React Native应用程序的JaveScript入口,我们的应用程序的入口组件需要使用AppRegistry.registerComponent来注册。注册完应用程序组件后,Native系统(Objective-C)就会加原创 2017-03-07 15:41:18 · 1002 阅读 · 0 评论 -
React Native——AsyncStorage
AsyncStorage是一个简单的、具有异步特性的键值对的存储系统。相对整个App而言,它是全局的,AsyncStorage提供了比较全的方法供我们使用。每个方法都有一个回调函数,而回调函数的第一个参数都是错误对象。如果发生错误,该对象就会展示错误信息,否则为null.所有的方法执行后,都会返回一个promise对象。1、根据键来获取值,获取的结果会在回调函数中。static g原创 2017-03-07 16:23:31 · 549 阅读 · 0 评论 -
React-Native——AlertIOS
AlertIOS组件应用很广,静态方法有两个1、alert(title,message,buttons) 普通对话框,其中buttons是对象数组.2、prompt(title,value,buttons):提供输入的对话框,其中buttons是对象数组。import React, { Component } from 'react';import { AppRegist原创 2017-03-07 17:26:32 · 289 阅读 · 0 评论 -
React Native——ActionSheetIOS
在App开发中我们也会遇到这样的需求,那就是分享和弹出多项选择操作。在iOS开发中,ActionSheet提供了这样的功能。而React Native同样封装了该功能,那就是ActionSheetIOS.原创 2017-03-07 20:42:29 · 554 阅读 · 0 评论