Javascript 如何使用react native显示/隐藏内容?

Javascript 如何使用react native显示/隐藏内容?,javascript,react-native,mobile-development,Javascript,React Native,Mobile Development,如何使用react native创建下拉菜单 如何显示/隐藏内容? 这将为您提供与您要求的内容类似的下拉列表。显示/隐藏内容只是决定是否呈现内容,这可以通过多种方式完成 render() { let hideableContent; if (this.state.shouldRenderContent) { hideableContent = <Text>I AM SHOWING</Text>; } return (

如何使用react native创建下拉菜单

如何显示/隐藏内容?

这将为您提供与您要求的内容类似的下拉列表。显示/隐藏内容只是决定是否呈现内容,这可以通过多种方式完成

render() {
    let hideableContent;

    if (this.state.shouldRenderContent) {
        hideableContent = <Text>I AM SHOWING</Text>;
    }

    return (
        <View>
            <Text>This doesn't hide</Text>
            {hideableContent}
        </View>
    );
}
render(){
让隐藏的内容;
if(this.state.shouldRenderContent){
hideableContent=我正在显示;
}
返回(
这并不隐藏
{hideableContent}
);
}

您能提供您迄今为止尝试过的示例吗?您询问如何创建下拉列表以及如何显示/隐藏内容。。。显示和隐藏是为了尝试创建一个下拉列表,还是这两个独立的问题?例如,我需要这样的下拉列表,我喜欢不太详细的版本:
{this.state.shouldRenderContent&(我正在显示)}
。是的,这种方式也可以。有很多方法可以做到这一点,我怀疑大多数方法都会带来性能问题,所以归根结底都是团队(或个人,如果只有你)的偏好。