React Nativeでスタイルをつけるときに、position:absolute
とdisplay:none
を同一のコンポーネントにつけると、Androidでうまく機能しないようだったのでメモ (iOSだと動作します)
例えばこのように書くとhoge
は表示されたままです。
<View
style={{
position: "absolute",
display: "none"
}}
>
<Text>hoge</Text>
</View>
意図した挙動をさせるには、position:absolute
を指定したコンポーネントの中にdisplay:none
を指定したコンポーネントを入れてあげれば解決するようです。
<View style={{ position: "absolute" }}>
<View style={{ display: "none" }}>
<Text>hoge</Text>
</View>
</View>;
v0.57でもまだ解決されていないようです(2018/9/20現在)
https://github.com/facebook/react-native/issues/18415