この記事は CSS Advent Calendar 2019 24日目の記事です。 8月からアプリエンジニアとしてReact Nativeを触っているのですが、WebのCSSと比べて違う部分があったので記事にしようと思いました。 fixedが存在しない 個人的に、初めてReact Nativeをいじっていて衝撃的でした。 Webではある要素を固定したい場合、position: fixedを使うのが普通ですが、React Nativeではpositionで用意されているプロパティ値はrelativeとabsoluteしかありません。 ではどうすれば要素を固定できるのかというと、 ScrollViewというものを使います。 コードは以下のような感じです。 <> <View style={{ position: 'absolute', top: 300, width: 100, height:
![WebとReact NativeのCSSの違いについて - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/091048c876eb3d8df25b9b2856b485c0171adf1d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2ViJUUzJTgxJUE4UmVhY3QlMjBOYXRpdmUlRTMlODElQUVDU1MlRTMlODElQUUlRTklODElOTUlRTMlODElODQlRTMlODElQUIlRTMlODElQTQlRTMlODElODQlRTMlODElQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWNkZTBlNjEyMzM2MDJkYjU2MGJhYmEyOTU4YTAzNzlj%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB5YWtpbmlrdTAyMjAmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTMxODBjZDNjMTc4MTY0OTkzZDIwOWUyNjI4ZTA5YmFm%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D8ce9b74d1bd387dbaa7d9c83af395b85)