React Native - получить данные из SQLite и передать эти данные компоненту Picker. - PullRequest
Новая
       25

React Native - получить данные из SQLite и передать эти данные компоненту Picker.

0 голосов
/ 24 января 2019

Как получить данные из базы данных SQLite и передать эти данные компоненту выбора со значениями и метками?

1 Ответ

0 голосов
/ 24 января 2019

Вопрос настолько общий, поэтому я отвечу вообще. Чтобы получить данные из SQLite, вы можете установить этот пакет на свой собственный проект реагирования:

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

Я надеюсь, что смогу помочь.

...