【ReactNative】画面の描画前にdisplay: "none"を実行したい

前提・実現したいこと

StyleSheet.creatのdisplay: "none"で特定の<View>を非表示にしているのですが、
画面の描画時に一瞬表示されてから非表示になります。
画面の描画前にdisplay: "none"を有効にしたいです。

ソースコード

略
const [ goodbotton, setGoodBotton ] = useState(<Image source={require('../../images/good_botton_inactive.png')} style={ {width: 65, height: 65} }/>);

 <TouchableOpacity
      onPress={() => {
        if (image.is_my_good) {
          postGood(image.id, false)
        } else {
          setGoodBotton(<Image source={require('../../images/good_botton.png')} style={ {width: 65, height: 65}}/>)
          postGood(image.id, true)
          setTimeout(() => {
            setGoodBotton(<Image source={require('../../images/good_botton_inactive.png')} style={ {width: 65, height: 65}}/>)
          }, 500)
          //プッシュした瞬間ブルーボタンを描画し、グレーボタンに戻す処理を行っている
        }
        }}>
        <View style={[image?.is_my_good ? styles.hide_good_botton : {}, commonStyles.shadow]} >
          {goodbotton}
        </View>
      </TouchableOpacity>

const styles = StyleSheet.create({
hide_good_botton: {
    display: "none"
  }
});

既存のコードだと<View style={[image?.is_my_good ? styles.hide_good_botton : {}, commonStyles.shadow]} >でimage?.is_my_goodがtrueの時は{goodbotton}を非表示にしています。
一応async/awaitで<View style={[image?.is_my_good ? styles.hide_good_botton : {}, commonStyles.shadow]} >が実行されてから画面を描画できないか試してみてはみたのですが、ReactNaitiveの<View />が絡んだ時にどう書いて良いのかわかりませんでした。
既存のコードに多少付け加える形で画面描画前にdisplay: "none"を実行できたりしないでしょうか。