广州.NET培训
达内广州.NET培训中心

18589266248

热门课程

Net第三方库:picker-Android

  • 时间:2017-05-09 16:19
  • 发布:IT
  • 来源:IN

【Net第三方库】Picker就是ReactNative界的Spinner,其常用的属性有:

广州.Net培训编辑告诉大家onValueChange这个方法在方法在选择Picker某一项时调用 可传两个参数 选择的value和position。

· selectedValue这个属性是选择的值

· enabled设置是否可点击Android属性

· mode设置样式Android属性dropdown下拉样式和dialog弹窗样式 默认是dialog

· prompt设置Picker标题Android属性 并且只有是mode为dialog才会显示

· itemStyle设置每一项的样式iOS属性

用法:

/**

* Created by Administrator on 2016/9/7.

*/

import React, {Component} from 'react';

import {

AppRegistry,

View,

Picker,

} from 'react-native';

class PickerG extends Component {

constructor(porp) {

super(porp);

this.state= {

selectedValue: ''

}

}

render() {

return (

//Picker样式dialog弹窗样式默认dropdown显示在下边

// mode = {'dropdown'}

//显示选择内容

selectedValue={this.state.selectedValue}

//选择内容时调用此方法

onValueChange={(value)=>this.setState({selectedValue: value})}

//设置Title当设置为dialog时有用

prompt={'请选择'}

>

)

}

}

module.exports = PickerG;

easy-toast

react-native-easy-toast

这个组件兼容了Android和iOS的toast,使用也很简单。

用法:

render() {

return (

...

);

}

最后在需要调用的地方:

this.refs.toast.show('hello world!');

其他的第三方库

选项卡

各种漂亮的小组件

按钮

输入框表单验证

https://github.com/gcanti/tcomb-form-native

https://github.com/FaridSafi/react-native-gifted-form

https://github.com/bartonhammond/snowflake

炫酷效果的TextInput

https://github.com/halilb/react-native-textinput-effects

https://github.com/zbtang/React-Native-TextInputLayout

聊天表情

地图

动画

加载动画

日历

可多选的Listview

react-native-uploader //文件上传

react-native-animatable动画

react-native-carousel轮播

react-native-countdown倒计时

react-native-device-info设备信息

react-native-icons图标

react-native-image-picker图片选择器

react-native-keychain iOS KeyChain管理

react-native-picker滚轮选择器

react-native-picker-Android Android滚轮选择器

react-native-refreshable-listview可刷新列表

react-native-scrollable-tab-view可滚动标签

react-native-side-menu侧栏

react-native-swiper轮播

react-native-video视频播放

react-native-viewpager分页浏览

react-native-scrollable-tab-view可滑动的底部或上部导航栏框架

react-native-tab-navigator底部或上部导航框架(不可滑动)

react-native-check-box CheckBox多选

react-native-splash-screen启动白屏问题

react-native-simple-router简易路由跳转框架

react-native-storage持久化存储

react-native-sortable-listview分类ListView

react-native-htmlview将HTML目录作为本地视图的控件,其风格可以定制

react-native-easy-toast一款简单易用的Toast组件

react-native-tab-navigator选项卡

react-native-material-kit漂亮的小组件

NativeBasebase组件库(各种封装不错的小组件)

上一篇:常见的第三方库:CheckBox(多选按钮)
下一篇:Net培训教你多条件查询时MYSQL语句的写法

达内.net编程班:2017年中国信息流广告汇报

达内.net编程班:进程内存模型

广州达内:正确运用异步编程技术的技巧

广州达内老师分享.Net的性能

选择城市和中心
贵州省

广西省

海南省