文件名称:rn-css:将CSS带到React-Native
文件大小:369KB
文件格式:ZIP
更新时间:2024-06-03 10:46:08
TypeScript
RN-CSS 这基本上是,对React-Native的支持要好得多,并且还有一些很棒的附加功能。 您可以查看的文档,获取有关基本API的更多详细信息。 在这里,我将重点介绍差异。 目的 这里的目标是能够为React-Native-Web和React-Native编写通用代码,而不必担心React-Native的局限性。 React-Native仅支持CSS的一个子集,但是使用rn-css您将能够像使用React一样对组件进行样式设置。 看: const MyComponent = styled . View ` width: 2em; height: 2em; border-radius: 50%; &:hover { background: red; } @media (min-width: 600px) { border: 1px solid
【文件预览】:
rn-css-master
----ios()
--------ReactNativeStyledComponents()
--------ReactNativeStyledComponents-tvOS()
--------Podfile(5KB)
--------ReactNativeStyledComponentsTests()
--------ReactNativeStyledComponents-tvOSTests()
--------ReactNativeStyledComponents.xcodeproj()
----.watchmanconfig(2B)
----android()
--------gradlew.bat(3KB)
--------gradlew(6KB)
--------gradle.properties(1KB)
--------app()
--------gradle()
--------settings.gradle(211B)
--------build.gradle(1003B)
----package.json(2KB)
----tests()
--------generateHash.test.js(233B)
--------convert.test.js(4KB)
--------index.test.js(11KB)
--------calc.test.js(635B)
----app.json(92B)
----package-lock.json(900KB)
----.env(21B)
----src()
--------generateHash.ts(162B)
--------convertUnits.ts(3KB)
--------features.tsx(4KB)
--------cssToRN()
--------convertStyle.tsx(2KB)
--------types.ts(2KB)
--------index.tsx(2KB)
--------styleComponent.tsx(10KB)
----.eslintrc.js(1KB)
----tsconfig.json(5KB)
----index.tsx(3KB)
----.gitignore(825B)
----webpack.config.js(1KB)
----.buckconfig(114B)
----README.md(6KB)
----metro.config.js(295B)
----.gitattributes(16B)
----LICENSE.txt(732B)
----babel.config.js(75B)