React Native:开关/(Un)隐藏组件-有条件的

时间:2019-06-13 11:48:38

标签: reactjs react-native if-statement conditional-statements

第一次使用React Native。 我正在尝试通过const video = undefined / null的语句来切换组件。因此,如果有人可以提供帮助,请。谢谢。

我想

  • 如果'video'obj未定义/为空 然后-隐藏className =“ Video”(WebView组件)并隐藏“ gallerySecond”并显示“ galleryFirst”

  • 如果视频obj处有数据: 然后要隐藏“ galleryFirst”并显示gallerySecond,然后显示视频(WebView组件)

    export const video ='DyDfgMOUjCI';
                

    steal()

1 个答案:

答案 0 :(得分:1)

    {video?<WebView
        style={{ width: 360, height: 250 }}
        javaScriptEnabled={true}
        className="Video"
        domStorageEnabled={true}
        source={{ uri: "https://www.youtube.com/embed/"+{video}}}
      />:null}
    </View>

    {!video?<Gallery className="galleryFirst" style={{position: "relative", flexDirection: "row" }}/>:null}

    <View style={styles.description}>
        <Text style={styles.descriptiontext}>
            Some Text
        </Text>
    </View>

    {video?<Gallery className="gallerySecond" style={{position: "relative", flexDirection: "row" }}/>:null}