RN组件之Switch与Picker
一.Switch选择开关控件
1.该组件为Android/IOS通用的两种状态的开关组件
2.属性方法
(1)disabled bool:如果该值为true,用户就无法点击switch开关,默认为false
(2)onValueChange function方法,当该组件的状态值发生变化的时候回调方法
(3)value bool 该开关的值,如果为true,呈打开状态,默认为false
二.Picked选择器控件
1.该控件渲染IOS和Android平台上面的原生选择器控件
2.属性方法(通用的和Android的)
(1)onValueChange function:当选择器被选中的时候进行调用.该方法传入一下两个参数.
itemValue:为被选中的item的属性值
itemPosition:该选择器被选中的item的索引position
(2)selelctedValue any:默认选中的值.可以是字符串或整数
(3)style pickerStyleType
(4)testID string 用于在端对端测试中定位此视图
(5)android enable bool :如果设为false,则会禁用此选择器.
(6)android mode enum('dialog','dropdown')
dialog(对话框形式):显示一个模态对话框.默认选项.
dropdown:(下拉框形式):以选择器所在位置为锚点展开一个下拉框
(7)android prompt string :设置选择器的提示字符串.在Android的对话框模式中用作对话框的标题.
(8)ios itemStlye itemStylePropType:指定应用在每项标签上的样式
RN组件之Switch与Picker的更多相关文章
- React Native组件之Switch和Picker和Slide
React Native组件Switch类似于iOS中的UISwitch:组件Slide类似于iOS中UIslider,组件Picker类似于iOS的UIPickerView.他们的使用方法和相关属性 ...
- RN组件备忘录
1:ActivityIndicator:圆形的loading提示符号. 2:Button:按钮 3:FlatList:高性能列表组件,支持下拉刷新. 4:Image:图片组件,能显示 网络图片.静态资 ...
- RN组件之Navigator
一.Navigator 1.使用导航器可以在应用的不同场景(页面)间进行切换.导航器通过路由对象来分辨不同的场景.利用renderScene方法,导航栏可以根据 指定的路由来渲染场景. 可以通过con ...
- RN组件之ToolbarAndroid
一.ToolbarAndroid 1.该组件封装了Android平台中的ToolBar组件(只适用于Android平台).一个ToolBar组件可以显示一个Logo图标 以及一些导航图片(例如:菜单功 ...
- RN组件之ScrollView
一.ScrollView 该组件封装了Android平台的ScrollView(滚动组件),并且提供触摸事件"responder"系统功能.使用ScrollView的时候 确保有一 ...
- RN组件之ListView
/** * Created by DaGuo on 2016/4/7. */ 'use strict' import React,{ Component, View, Text, ListView, ...
- RN组件之ViewPagerAndroid
一.ViewPagerAndroid 1.一个允许在子视图之间左右翻页的容器.每一个ViewPagerAndroid的子容器会被视作一个单独的页,并且会被拉伸填满 ViewPagerAndroid.注 ...
- RN组件可用属性整理
- RN组件的生命周期
来自:http://www.devio.org/tags/#React%20Native
随机推荐
- kettle转换JavaScript加载外部js文件
日常开发中,时常会出现这样一种情况.有大量的函数是通用的.而每个JavaScript里面写一遍,给维护带来很大的困扰.因而需要将公共的函数写在外部js文件中.这时就需要引入外部的公共文件了.下面是在转 ...
- 使用kettle转换中的JavaScript对密码进行加密和解密
日常开发中,为了确保账号和密码的安全,时常要对密码进行加密和解密.然而kettle是怎么对密码进行加密和解密的呢? 下面的代码需要再转换中的JavaScript中运行. var encrypted_p ...
- MyEclipse内存溢出问题解决方法
tomcat从1.7换到1.6,一直报这个错:java.lang.reflect.InvocationTargetException 解决方法: 加入: -server -Xms512m -Xmx20 ...
- [SVN(ubuntu)] svn 文件状态标记含义
A item 文件.目录或是符号链item预定加入到版本库. C item 文件item发生冲突,在从服务器更新时与本地版本发生交迭,在你提交到版本库前,必须手工的解决冲突. D item 文件.目录 ...
- min-height在安卓下不起作用
正常情况下,min-height可以当height使用 如: <div class="father"> <div class="child"& ...
- Android实现支持缩放平移图片
本文主要用到了以下知识点 Matrix GestureDetector 能够捕捉到长按.双击 ScaleGestureDetector 用于检测缩放的手势 自由的缩放 需求:当图片加载时,将图片在屏幕 ...
- 改变服务器sshd 的22的端口
[root@v01-svn-test-server ~]# vi /etc/ssh/sshd_config Port 22 Port 5001 #新增加5001端口给sshd,现在22,5001都是s ...
- display : -webkit-box-inline 的理解
发现: 最近在做移动端的东西,说起移动端弹性盒子布局真是无往不利,用起来特别爽,我也是偶尔间发现的这个属性并且它的用法,在网上基本查不到这个属性的资料(个人看法).如果没有听说过(display:bo ...
- ssdb使用
安装 wget --no-check-certificate https://github.com/ideawu/ssdb/archive/master.zip unzip master cd ssd ...
- js event 2
js event 2 浏览器兼容 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...