Блог

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

Я хочу, чтобы этот часовой пояс в date-picker отображал текущее время страны. Мой код

 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 amp;amp; 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 })}>
          <Text style={styles.itemText}>
            {name} 
          </Text>
        </TouchableOpacity>
      )}
    />
    <View style={styles.descriptionContainer}>
    {autotime.length > 0 ? (
        <Text style={styles.infoText}>{this.state.query}</Text>
      ) : (
        <Text style={styles.infoText}>Enter Location</Text>
      )}
    </View>    
  

Приведенный выше код предназначен для автозаполнения, в котором я показываю название стран.
В flatlist я должен отобразить данные.