反应原生stylesheet.create函数返回映射数字而不是样式规则

Question

我有一个简单的样式表在我的反应组件的底部声明。

const styles = StyleSheet.create({ 
start:{ 
flex:1 
}, 
text:{ 
color: "red", 
fontSize: 24, 
flex: 1 
}, 
separator:{ 
height: 2, 
backgroundColor: "white" 
} 
}); 

当我尝试refernce任何这些样式，我回来了一些，而不是样式规则。

export default class ShowGallery extends Component{ 
    render(){ 
    return(
     <View> 
     <Text style={styles.text}>Test </Text> 
     </View> 
    ) 
} 
} 

这里styles.text正在返回193？顺便说我使用的反应原生版本37.0

Answer 1

这实际上是StyleSheet 性能增强它可以将样式从JS一侧转移到本机端，通过使用StyleSheet.create样式跨发送很贵桥提前，并由本地“缓存”。

然后将各个数字用作JS端和本地端之间的参考，以了解要使用哪些样式。

Answer 2

如果您使用StyleSheet.create()这是正常行为。如果您需要访问样式对象，则可以使用StyleSheet.flatten(styles.text)。链接到documentation。