Чтобы преобразовать список часовых поясов в время в реагировать родной - PullRequest
Новая
       31

Чтобы преобразовать список часовых поясов в время в реагировать родной

0 голосов
/ 25 апреля 2019

Я новичок, чтобы реагировать на родных. Я хочу показать время. У меня есть один файл json, в котором присутствуют все часовые пояса в соответствии с названием страны. Я реализовал автозаполнение, в котором всякий раз, когда я выбираю страну, отображается время этой страны.

это изображение того, что я получаю enter image description here Это мой код автозаполнения и плоского списка, в котором будут отображаться выбранные часовые пояса. 

render() {
const { query } = this.state;
const autotime = this.findtimezone(query);
const comp = (a, b) => a.toLowerCase().trim() === b.toLowerCase().trim();
return (
  <View style={styles.container}>
  <Autocomplete
      autoCapitalize="none"
      autoCorrect={false}
      containerStyle={styles.autocompleteContainer}
      data={autotime.length === 1 && comp(query, autotime[0].name) ? [] : autotime}
      defaultValue={this.state.timeZone}
      onChangeText={text => this.setState({ query: text })}
      placeholder="Enter Location"
      renderItem={({ name, release_date }) => (
        <TouchableOpacity onPress={() => this.setState({ query: name,timezoneArray:autotime[0].timezones })}>
          <Text style={styles.itemText}>
            {name}
          </Text>
        </TouchableOpacity>
      )}
    />
    <View style={styles.descriptionContainer}>
    {autotime.length > 0 ? (
      <FlatList
      keyExtractor={(item, index) => index}
      style={{flex:1}}
      data={this.state.timezoneArray}
      renderItem={({item,index}) => <Text style={{padding:10,borderBottomWidth:1,borderBottomColor:"#000000"}}>{item}</Text>}


      />

      ) : (
        <Text style={styles.infoText}>Enter Location</Text>
      )}
    </View>    

  </View>

Я хочу преобразовать данный часовой пояс во время и отобразить его. Любая помощь будет оценена.

...