react-native-picker选择器

title: react-native-picker 选择器
tags:

• 选择器
• react-native-picker
• picker

react-native-picker 选择器说明

• 这是一个多级选择器

安装

 npm install react-native-picker --save

复制代码

  // 选择城市
  pickerShow = () => {
    let data = [
      {
        a: [
          {
            a1: [1, 2, 3, 4],
          },
          {
            a2: [5, 6, 7, 8],
          },
          {
            a3: [9, 10, 11, 12],
          },
        ],
      },
      {
        b: [
          {
            b1: [11, 22, 33, 44],
          },
          {
            b2: [55, 66, 77, 88],
          },
          {
            b3: [99, 1010, 1111, 1212],
          },
        ],
      },
      {
        c: [
          {
            c1: ['a', 'b', 'c'],
          },
          {
            c2: ['aa', 'bb', 'cc'],
          },
          {
            c3: ['aaa', 'bbb', 'ccc'],
          },
        ],
      },
    ];

    Picker.init({
      pickerConfirmBtnText: '确认',
      pickerCancelBtnText: '取消',
      pickerTitleText: '选择',
      pickerData: CitysJson,
      // selectedValue: [59],
      onPickerConfirm: (data) => {
        console.log(data);
      },
      onPickerCancel: (data) => {
        console.log(data);
      },
      onPickerSelect: (data) => {
        console.log(data);
      },
    });
    Picker.show();
  };

复制代码