文件名称:emotion-native-extended:更好的Emotion样式支持(React Native)
文件大小:756KB
文件格式:ZIP
更新时间:2024-05-22 07:25:10
react react-native styled-components responsive css3
情感本机扩展 这是一个针对React Native的直接替代品,针对提供的styled函数/对象进行了优化。 它使用扩展了本地,并增加了对媒体查询,变量,动态主题,相对单位,百分比,数学运算,缩放和更多CSS样式功能的支持。 该库还增加了对实时响应样式的支持,在许多情况下,使用本机或其他方法上的媒体查询可能是一件繁琐的事情。 入门 npm install emotion-native-extended@next 替换现有的import styled from "@emotion/native"; import styled from "emotion-native-extended" 有关受支持的样式属性,请参见和的文档。 样式系统 我开始使用这个项目是因为我喜欢使用通过样式道具快速进行UI开发。 它支持React Native,但由于媒体查询不起作用,因此不适用于其响应功能。 添
【文件预览】:
emotion-native-extended-master
----.github()
--------workflows()
----yarn.lock(270KB)
----src()
--------base.ts(922B)
--------index.ts(1KB)
--------primitives-core.d.ts(439B)
--------responsive.tsx(4KB)
--------types()
--------test-props.ts(2KB)
--------StyleSheet.tsx(963B)
----example()
--------.eslintrc.json(454B)
--------.expo-shared()
--------log.txt(3.18MB)
--------webpack.config.js(349B)
--------src()
--------babel.config.js(137B)
--------.npmignore(24B)
--------tsconfig.json(280B)
--------assets()
--------App.tsx(54B)
--------app.json(689B)
--------.gitignore(130B)
--------package-lock.json(609KB)
--------package.json(3KB)
----tsconfig.json(532B)
----LICENSE(1KB)
----README.md(2KB)
----.gitignore(41B)
----package-lock.json(635KB)
----package.json(2KB)