开始学习 React Native,首先必须了解其布局的特性,因为其与传统的 Web 开发中的布局有着不小的差异。 尺寸 React Native#Dimensions RN 提供的 Dimensions API 可以让我们在应用程序内获得屏幕和窗体的宽高尺寸。 1 2 3 4 5 6 7 8 9 10 11 12 13 var { height, width } = Dimensions.get('window'); var { height: height2, width: width2 } = Dimensions.get('screen'); return ( <View style={styles.container}> <Text style={styles.welcome}>Welcome to React Native!</Text> <Text style={styles.instructions}> {`The window width is ${width}, height is ${height}`} </Text> <Text style={styles.instructions}> {`The screen width is ${width2}, height is ${height2}`}……

阅读全文