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

标签 javascript react-native mobile-development

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

如何显示/隐藏内容?

最佳答案

https://github.com/alinz/react-native-dropdown

这将为您提供与您要求的类似的下拉菜单。显示/隐藏内容只是决定渲染或不渲染内容,可以通过多种方式完成。

render() {
    let hideableContent;

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

    return (
        <View>
            <Text>This doesn't hide</Text>
            {hideableContent}
        </View>
    );
}

关于javascript - 如何使用react-native显示/隐藏内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34434520/

相关文章:

javascript - 在 JavaScript 中向原语添加元数据

javascript - 测试元素是否隐藏

react-native - com.android.builder.testing.api.DeviceException : com. android.ddmlib.InstallException: INSTALL_FAILED_DEXOPT

javascript - 如何在 Javascript React Native 中获取对象的子值总和?

javascript - 为 ios 构建应用程序(react-native)

android - react-native-maps:如何定期更新从远程服务器收到的用户位置

javascript - Laravel 和 VueJS - 在哪里\如何放置实例和组件

ios - yarn 运行 ios - 错误 : Cannot find module - React Native

ios - 我们如何清除 TestFlight 应用程序中的钥匙串(keychain)数据?

javascript - 无法更新 Angular 版本