React Native - 从 SQLite 获取数据并将这些数据传递给 Picker Component

Question

如何从SQLite数据库中获取数据并将此数据传递给带有值和标签的选取器组件？

Answer 1

这个问题太笼统了，所以我会笼统地回答。要从 SQLite 获取数据，您可以在 react 本机项目上安装此包：

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

然后，您可以使用此数据传递到这个不错的组件的项目部分中：

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}
              />}

我希望我能提供帮助。