如何将样式映射到React Native中的数字？

Question

我正在使用React Native处理移动应用程序.

我创建了一小组样式ReactNative.StyleSheet,并在我的组件中使用它们.

现在我亲眼目睹了一些特殊的东西.我看到我的样式被映射到某个数字.理想情况下,当我尝试打印样式时,我希望有一个对象存在.

以下是我的css: -

const styles = StyleSheet.create({
  container: {
    flex:1,
    alignItems:'center',
    width: null,
  },
  logo: {
    width:110,
    marginTop:84,
    resizeMode:'contain'
  },
  mascot:{
    width:145,
    height:150,
    marginTop:73,
    resizeMode:'contain'
  },
  button:{
    backgroundColor:'#4A90E2',
    width:300,
    alignSelf:'center',
  },
  buttonContainer:{
    marginTop:70
  }
})

并console.log(style)告诉我以下.我想知道这些数字是什么？

Answer 1

想法StyleSheet.create是将样式表对象创建的次数减少到一次.由于对象将始终具有相同的值,因此这样做是有意义的,这是一种节省一些处理时间的简单方法.您获得的数字只是对创建的StyleSheet对象的引用.

静态图像也会发生类似的情况.如果你console.log的价值require('./myImage.png'),你也会得到一个数字.同样,出于同样的优化原因.