开课中国  |  [Investor Relations]   |  官方微博

广州.NET培训中心

美国上市公司 · 亿元级外企.NET培训企业

  • Net第三方库:picker-Android

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

  • 【Net第三方库】Picker就是ReactNative界的Spinner,其常用的属性有: 广州.Net培训编辑告诉大家onValueChange这个方法在方法在选择Picker某一项时调用 可传两个参数 选择的value和position。 · selectedValue这个属性是选择的值 · enabled设置是否可点击Android属性 · mode设置样式Android属性dropdown下拉样式和dialog弹窗样式 默认是dialog · prompt设置Picker标题Android属性 并且只有是mode为dialog才会显示 · itemStyle设置每一项的样式iOS属性

  • 【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语句的写法

2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56