React Native 動的にUIを更新

OverView

変数や状態によってUIを表示にしたり、非表示にしたり、したい場合があるかと思います。
その場合下記のように実装することにより実現できます。

<View style={layout(val)} />

function layout(val) {
    if (val === "no") {
        return {
        backgroundColor: #fff,
    　　};
    }
    return {
        backgroundColor: #000,
    };
}

動作確認を行なっていないので動作するかわかりませんが、概念的にはこんな感じです。