Question

如何从SQLite数据库中获取数据并将该数据与值和标签一起传递给Picker Component？

Answer 1

这个问题太笼统了，所以我将大致回答。要从SQLite获取数据，您可以将此包安装在您的本地反应项目上：

https://www.npmjs.com/package/react-native-sqlite-storage

然后，您可以在此漂亮组件的item部分中使用此传递数据：

https://www.npmjs.com/package/react-native-picker-select 只需按照说明进行安装和配置即可。要将数据传递给选择器，足以将数据置于状态并转换为正确的方式。要进行转换，您可以使用以下代码并将其放置在退休数据的位置：

 var myMatrix=[];
    yourRetriveData.map(function (item, ) {
       // console.log ("item [yourRetriveData.map]", item);

        obj= {
          "label": item.X,
          "value": item.Y,

        };

          myMatrix.push(obj);

      });
      that.setState({dataForPicker: myMatrix });

您可以放下适当的猫科动物而不是X和Y。然后在选择器中，您需要这样做：

 {!this.state.dataForPicker ?
                <ActivityIndicator size="small" color="#fff" />:<RNPickerSelect
                placeholder={{
                    label: this.state.label,
                    value: this.state.value,
                }}
                items={this.state.data}
                onValueChange={(value, index) => {
                  this._handleItemPicked(value, index)
                }}
                placeholderTextColor={"#FFF"}
                placeholderTextColor={'rgba(255,255,255,1)'}
                value={this.props.value}
                style={{ ...pickerSelectStyles }}
                hideIcon={true}
              />}

希望我能帮上忙。

React Native-从SQLite获取数据并将此数据传递到Picker Component

1 个答案: