StyleSheet组件
hairlineWidth
import React from "react";
import { StyleSheet, Text, View } from "react-native";
const App = () => (
<View style={styles.container}>
<Text style={styles.row}>React</Text>
<Text style={styles.row}>Native</Text>
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
padding: 24
},
row: {
padding: 4,
borderBottomColor: "red",
borderBottomWidth: StyleSheet.hairlineWidth
}
});
export default App;
这一常量始终是一个整数的像素值(线看起来会像头发丝一样细),并会尽量符合当前平台最细的线的标准。可以用作边框或是两个元素间的分隔线。然而,你不能把它“视为一个常量”,因为不同的平台和不同的屏幕像素密度会导致不同的结果。
如果模拟器缩放过,可能会看不到这么细的线。