【问题标题】:React Native - Get data from SQLite and pass this data to Picker ComponentReact Native - 从 SQLite 获取数据并将此数据传递给 Picker 组件
【发布时间】:2019-06-18 00:23:30
【问题描述】:

如何从 SQLite 数据库中获取数据并将这些数据与值和标签一起传递给 Picker 组件?

【问题讨论】:

  • 这是一个非常笼统的问题!
  • 你好,礼萨!拜托,你能给我举个例子吗?
  • 您应该一次问一个问题:从 SQLite 获取数据并将其传递给某个组件是不同的故事。还要展示您尝试过的内容:请记住,SO 是问答,而不是免费的编码服务。另请咨询stackoverflow.com/help/how-to-ask
  • @YakovL Okey,现在这是我的代码:imgur.com/a/betavou。我有 getAllWorkers 方法,我在 Flatlist 中传递了这个方法的所有数据。如何将数据从方法传递到 Picker Select?请给我看例子:)
  • 好的,这是一个开始。请将代码作为文本(代码)包含在您的帖子中,而不是作为图像

标签: database sqlite react-native components picker


【解决方案1】:

这个问题太笼统了,所以我会笼统地回答。要从 SQLite 获取数据,你可以在你的 react native 项目中安装这个包:

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

我希望我能帮上忙。

【讨论】:

  • 我已经在使用npmjs.com/package/react-native-sqlite-storage。但我有一组工人(数据),我想动态地将这些数据传递给选择选择器
  • @JackDaniels:那你为什么要问这样一个笼统的问题!!!!??你必须问你需要的那部分。
  • @JackDaniels:请提供您的代码并提出明确的问题。提前致谢。
  • 这是我从数据库 (SQLite) imgur.com/a/betavou 获取所有工作人员的代码。所以我想将这些数据(所有工作人员 - 例如worker_fname、worker_sname、worker_lname)传递给picker。怎么样?
  • @JackDaniels:谢谢,现在好多了。我已经更新了我的代码。
猜你喜欢
  • 2020-06-01
  • 1970-01-01
  • 2020-03-22
  • 2018-07-14
  • 1970-01-01
  • 2019-04-13
  • 1970-01-01
  • 1970-01-01
  • 2019-04-16
相关资源
最近更新 更多