如何将Css转换为React native

我想做与react native中CSS样式所建议的完全相同的事情

那么我如何将这个CSS转换为React-native呢

.grid{
显示器：flex；
弯曲方向：行；
列表样式：无；
左侧填充：0；
柔性包装：包装；
边际上限：0；
边缘底部：20px；
宽度：400px；
}
.表格项目{
flex-grow:0；
右边框：1px实心#000；
边框底部：1px实心#000；
高度：100px；
背景：rgba（0,0,0,0.1）；
宽度：33%；
}
.grid项：第n个最后的子项（-n+3）{
边框底部：无；
}
.网格项：第n个子项（3n+0）{
边界权：无；
}
.名单{
显示器：flex；
弯曲方向：立柱；
列表样式：无；
左侧填充：0；
宽度：400px；
}
.清单项目{
flex-grow:0；
边框底部：1px实心#000；
高度：60px；
背景：rgba（0,0,0,0.1）；
弹性：1；
}
.列表项：最后一个子项{
边框底部：无；
}

您可以使用不同的模块将css组件转换为本地组件。例如：

另一个很好的例子：

---

您可以使用不同的模块将css组件转换为本地组件。例如：

另一个很好的例子：

---

最好将代码作为答案的一部分与参考资料一起添加。最好将代码作为答案的一部分与参考资料一起添加。