前提・実現したいこと
React Nativeを使ってアプリを作っています。グローバル変数の値に応じてアプリ内で表示する画像を変更したいと考えています。
条件分岐を使う必要があると思うのですが、render内でどのように書けばいいのかが分かりません。
処理手順として,
1, HomeScreenからSecondScreenに移動
2, SecondScreen内でgloal.testの値を0から1に変更後、HomeScreenに戻る
3, HomeScreenでglobal.testの値に応じて画像を表示
という流れです。
該当のソースコード
JavaScript
1class HomeScreen extends React.Component { 2 render() { 3 return ( 4 <View style={styles.container}> 5 {/* 画像の設定 */} 6 <Image source={require('./../../assets/images/black.jpg')} style={styles.img}/> 7 8 ); 9 } 10}
画像の設定箇所において、global.test という変数に応じて、Imageのsourceを変更したいと考えています。
試したこと
以下の通り記述しても表示されませんでした。
グルーバル変数に応じて処理を分岐する方法がありましたら、教えていただけると助かります。
JavaScript
1class HomeScreen extends React.Component { 2 render() { 3 return ( 4 <View style={styles.container}> 5 {/* 画像の設定 */} 6 { 7 (() => { 8 if (global.test == 0) { 9 <Image source={require('./../../assets/images/back.jpg')} style={styles.img}/> 10 }else{ 11 <Image source={require('./../../assets/images/white.jpg')} style={styles.img}/> 12 } 13 })() 14 } 15 ); 16 } 17}
あなたの回答
tips
プレビュー