RN组件之Switch与Picker

时间:2022-02-25 14:44:57

一.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:指定应用在每项标签上的样式