1
顯示下拉菜單選取器(原生React-native組件)與下拉菜單不同,但我也嘗試過實施它,所以請幫助我如何做到這一點。如何在按下按鈕(TouchableHighlight)的反應本機
press(){
return (
<Picker
selectedValue={this.state.language}
onValueChange={(lang) => this.setState({language: lang})}>
<Picker.Item label="Java" value="java" />
<Picker.Item label="JavaScript" value="js" />
</Picker>
);
}
tick(){
this.setState({picker: true});
}
var xyz= {this.state.picker} ? ({this.press}): (return(<View/>));
這是我的渲染功能,其中包含一個圖像按鈕,點擊該按鈕我想打開一個下拉菜單的一部分。
<TouchableHighlight
underlayColor="gray"
onPress={this.tick}
style= {{flex:2,justifyContent:'center',alignItems:'center'}}>
<Image
style={{height:20,width:20,}}
source={require('./images/add-button.png')}/>
</TouchableHighlight>
{xyz}
我已經在構造函數中將選擇器的默認狀態設置爲false。
是的我也看到了這一點,但我無法理解它。 componentDidMount(){ updatePosition(this.refs ['SELECT1']); updatePosition(this.refs ['OPTIONLIST']); } 這是什麼「refs」? – rajat44
@ rajat44你不明白,也許我可以幫忙嗎? –
in componentDidMount(){ updatePosition(this.refs ['SELECT1']); updatePosition(this.refs ['OPTIONLIST']); } 什麼是「this.refs」? updatePosition函數做什麼? – rajat44