react native 样式问题,该怎么做到和html css那样的写法一样

.logoImg{
  margin: 0 auto;
  width: 100px;
  img{
    width: 100%;
    height: 100%;
  }
}

如上所示,这样的css代码在react native 里要怎么写,

第一个margin: 0 auto就没法写了会报错,

下面的img也是报错"img" is not a valid style property.

求教大哥们该怎么做,谢谢大家了

阅读 3.1k
1 个回答

rn 不支持你这种嵌套写法,更不支持 selector 匹配,如果你之后了解到 RN 源码,你就会发现 style 会被转换成对象,我写过一篇简单的源码阅读文章,如果有兴趣可以看看

正确方式是跟随 RN 的官方文档写 style, RN 的 css 和 html 中的 css 并不完全兼容, 尽管社区让两者转换的, 但是一旦你遇到了问题你仍旧需要了解 RN 的样式体系。

如果你看到这里仍旧不理解那你需要先看 RN 的文档

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏