Как правильно разместить выпадающий список в заголовке ящика с реагирующей на него навигацией? - PullRequest
Новая
       24

Как правильно разместить выпадающий список в заголовке ящика с реагирующей на него навигацией?

0 голосов
/ 14 июня 2019

Я могу разместить выпадающий список в разделе заголовка навигационного ящика в реагирующем.После того, как я нажал на выпадающие элементы, текст тоже изменился.Но как только текст меняется, я получаю сообщение об ошибке «this2.setState не является функцией. ChoosenLabel: itemValue,« _ this2.setState »не определено».Я новичок, чтобы реагировать нативно, так что, возможно, я пропустил простую логику. 

DrawerContent = (props) => {


this.state = {choosenLabel: '',};

return (
  <View>
    <View style={{ backgroundColor: 'rgb(216,21,88)', height: 160,}}>

      <View style={{flex:1, flexDirection: 'row', alignItems:'center', paddingLeft:5}}>
        <View>
          <Image
          source={{uri:'https://beta.controlplus.io/'+'uploads/users/88/1560234627YDQDhEEeYe1UHmC1WL3n.jpg'}}
          style={{width: 100, height: 100, borderRadius: 50}}
          />
        </View>
        <View style={{ width:150, paddingLeft:5}}>
          <Text style={{ color: 'white', fontSize: 15, fontWeight: 'bold', }}> Lam Kmalo </Text>
          <Text style={{ color: 'white', fontSize: 15, }}>HelloWorld1000@gmail.com</Text>
        </View>
      </View>

      <View style={styles.PickerContainer}>

        <View style={{flexDirection: 'row', alignItems: 'center'}}>

            <View style={{flex:1}}>

              <Picker
                style={styles.onePicker}
                itemStyle={styles.onePickerItem}
                selectedValue={this.state.choosenLabel}
                onValueChange={(itemValue) => this.setState({ choosenLabel: itemValue,})}
              >
                <Picker.Item label="kam Nepal" value="word1" />
                <Picker.Item label="puru email company" value="word2" />
                <Picker.Item label="chilltest" value="word3" />
                <Picker.Item label="test com apr 21" value="word4" />
              </Picker>
          </View>
        </View>
      </View>
    </View>
    <DrawerItems {...props} />
  </View>
)

}

...