SafeAreaView, ScrollView
7322 ワード
1. SafeAreaView
従来のビューとは異なり、SafeAreViewは、iPhoneの溝設計などの画面の物理的な制限を反映するデバイスセキュリティ分野を区別するコンポーネントです。
const App = () => {
return (
<SafeAreaView style={styles.container}>
<Text>Hello World</Text>
</SafeAreaView>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
2. ScrollView
Web上で自動的にスクロールを設定しますが、アプリケーションではそうではありません。したがって、スクリーン上でスクロールできるScrollViewが存在します。
ScrollView
はレンダリングを一度に処理するので、使用に注意してください.ScollViewでは、HelloWorld 11をスクロールして表示できます.
const App = () => {
return (
<View style={styles.container}>
<Text style={styles.test}>Hello World-1</Text>
<Text style={styles.test}>Hello World-2</Text>
<Text style={styles.test}>Hello World-3</Text>
<Text style={styles.test}>Hello World-4</Text>
<Text style={styles.test}>Hello World-5</Text>
<Text style={styles.test}>Hello World-6</Text>
<Text style={styles.test}>Hello World-7</Text>
<Text style={styles.test}>Hello World-8</Text>
<Text style={styles.test}>Hello World-9</Text>
<Text style={styles.test}>Hello World-10</Text>
<Text style={styles.test}>Hello World-11</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#B5CCD4',
},
test: {
marginLeft: 20,
fontSize: 55,
},
});
Reference
この問題について(SafeAreaView, ScrollView), 我々は、より多くの情報をここで見つけました https://velog.io/@jiseong/SafeAreaViewテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol