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

Question

.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.

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

Answer 1

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

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

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