react-native-unistyles 3.1.0 β 3.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +179 -0
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
[<img alt="react-native-unistyles" src="assets/banner3.png">](https://unistyl.es/)
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/react-native-unistyles)
|
|
4
|
+
[](https://www.npmjs.com/package/react-native-unistyles)
|
|
5
|
+
[](https://www.npmjs.com/package/react-native-unistyles)
|
|
6
|
+
[](https://opensource.org/licenses/MIT)
|
|
7
|
+
<br />
|
|
8
|
+
[](https://docs.expo.dev/)
|
|
9
|
+
[](https://www.w3.org/)
|
|
10
|
+
[](https://developer.apple.com/ios/)
|
|
11
|
+
[](https://developer.android.com/)
|
|
12
|
+
[](https://nextjs.org/)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Installation
|
|
16
|
+
|
|
17
|
+
```shell
|
|
18
|
+
yarn add react-native-unistyles
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Install dependencies:
|
|
22
|
+
|
|
23
|
+
```shell
|
|
24
|
+
yarn add react-native-nitro-modules
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
| react-native-unistyles | Minimum react-native-nitro-modules |
|
|
28
|
+
|------------------------|-------------------------------------|
|
|
29
|
+
| >= 3.0.0 | >= 0.33.9 |
|
|
30
|
+
| >= 3.1.0 | >= 0.35.0 |
|
|
31
|
+
|
|
32
|
+
> **Note:** Since v3.1.0, `react-native-edge-to-edge` is an **optional** dependency. We strongly recommend setting `edgeToEdgeEnabled=true` in your `android/gradle.properties` β it enforces translucent system bars on modals, disables legacy StatusBar hacks, and enables additional React Native core fixes. **Expo SDK 54+** enables this automatically. You can still install `react-native-edge-to-edge` for ecosystem compatibility with libraries like `react-native-bootsplash` or `react-native-permissions`.
|
|
33
|
+
|
|
34
|
+
Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
|
|
35
|
+
|
|
36
|
+
## [Documentation](https://unistyl.es/)
|
|
37
|
+
- [Start here](https://unistyl.es/v3/start/introduction)
|
|
38
|
+
- [Migration from Unistyles 2.0](https://unistyl.es/v3/start/migration-guide)
|
|
39
|
+
- [Learn how Unistyles 3.0 works](https://unistyl.es/v3/start/how-unistyles-works)
|
|
40
|
+
- [API](https://unistyl.es/v3/references/stylesheet)
|
|
41
|
+
- [Examples](https://unistyl.es/v3/examples/examples)
|
|
42
|
+
|
|
43
|
+
## Features
|
|
44
|
+
- π Shared core with C++ and JSI bindings
|
|
45
|
+
- ποΈ Powered by Nitro Modules
|
|
46
|
+
- π¦ΈπΌββοΈ No re-renders
|
|
47
|
+
- π¦ Custom web parser, classes and pseudo classes
|
|
48
|
+
- βοΈ Tightly integrated with Fabric and Shadow Tree
|
|
49
|
+
- π₯ Crazy performance, adds under 0.1 ms to your StyleSheet
|
|
50
|
+
- π³ Share up to 100% of your styles across platforms in monorepo
|
|
51
|
+
- π― Doesn't introduce new components, your view hierarchy is always clean
|
|
52
|
+
- π¨ Register multiple themes and change them with single function call
|
|
53
|
+
- and [much much more](https://unistyl.es/v3/start/new-features)!
|
|
54
|
+
|
|
55
|
+
## Sponsors
|
|
56
|
+
|
|
57
|
+
<a href="https://codemask.com">
|
|
58
|
+
<img src="https://avatars.githubusercontent.com/u/51229884?s=200&v=4" height="70px" width="70px" alt="codemask" />
|
|
59
|
+
</a>
|
|
60
|
+
<a href="https://galaxies.dev">
|
|
61
|
+
<img src="https://avatars.githubusercontent.com/u/118431096?s=200&v=4" height="70px" width="70px" alt="galaxies-dev" />
|
|
62
|
+
</a>
|
|
63
|
+
<a href="https://github.com/ryanlanciaux">
|
|
64
|
+
<img src="https://avatars.githubusercontent.com/u/85041?v=4" height="70px" width="70px" alt="ryanlanciaux" />
|
|
65
|
+
</a>
|
|
66
|
+
<a href="https://github.com/jordmccord">
|
|
67
|
+
<img src="https://avatars.githubusercontent.com/u/7591840?v=4" height="70px" width="70px" alt="jordmccord" />
|
|
68
|
+
</a>
|
|
69
|
+
<a href="https://github.com/kerwanp">
|
|
70
|
+
<img src="https://avatars.githubusercontent.com/u/36955373?v=4" height="70px" width="70px" alt="kerwanp" />
|
|
71
|
+
</a>
|
|
72
|
+
<a href="https://github.com/andkindness">
|
|
73
|
+
<img src="https://avatars.githubusercontent.com/u/143941782?v=4" height="70px" width="70px" alt="andkindness" />
|
|
74
|
+
</a>
|
|
75
|
+
<a href="https://github.com/AdiRishi">
|
|
76
|
+
<img src="https://avatars.githubusercontent.com/u/8351234?v=4" height="70px" width="70px" alt="AdiRishi" />
|
|
77
|
+
</a>
|
|
78
|
+
<a href="https://github.com/cybercarrot">
|
|
79
|
+
<img src="https://avatars.githubusercontent.com/u/6837094?v=4" height="70px" width="70px" alt="cybercarrot" />
|
|
80
|
+
</a>
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
## Past sponsors
|
|
84
|
+
|
|
85
|
+
<a href="https://github.com/kmartinezmedia">
|
|
86
|
+
<img src="https://avatars.githubusercontent.com/u/6308123?s=200&v=4" height="60px" width="60px" alt="kmartinezmedia" />
|
|
87
|
+
</a>
|
|
88
|
+
<a href="https://github.com/levibuzolic">
|
|
89
|
+
<img src="https://avatars.githubusercontent.com/u/721323?v=4" height="60px" width="60px" alt="levibuzolic" />
|
|
90
|
+
</a>
|
|
91
|
+
<a href="https://github.com/claudesortwell">
|
|
92
|
+
<img src="https://avatars.githubusercontent.com/u/41422239?v=4" height="60px" width="60px" alt="claudesortwell" />
|
|
93
|
+
</a>
|
|
94
|
+
<a href="https://github.com/luoxuhai">
|
|
95
|
+
<img src="https://avatars.githubusercontent.com/u/37284154?v=4" height="60px" width="60px" alt="luoxuhai" />
|
|
96
|
+
</a>
|
|
97
|
+
<a href="https://github.com">
|
|
98
|
+
<img src="https://avatars.githubusercontent.com/u/113348625?v=4" height="60px" width="60px" alt="anonymous" />
|
|
99
|
+
</a>
|
|
100
|
+
<a href="https://github.com/abanobboles">
|
|
101
|
+
<img src="https://avatars.githubusercontent.com/u/9078953?v=4" height="60px" width="60px" alt="abanobboles" />
|
|
102
|
+
</a>
|
|
103
|
+
<a href="https://github.com/hyoban">
|
|
104
|
+
<img src="https://avatars.githubusercontent.com/u/38493346?v=4" height="60px" width="60px" alt="hyoban" />
|
|
105
|
+
</a>
|
|
106
|
+
<a href="https://github.com/giovannilondero">
|
|
107
|
+
<img src="https://avatars.githubusercontent.com/u/10998991?v=4" height="60px" width="60px" alt="giovannilondero" />
|
|
108
|
+
</a>
|
|
109
|
+
<a href="https://github.com/4cc3ssX">
|
|
110
|
+
<img src="https://avatars.githubusercontent.com/u/57473799?v=4" height="60px" width="60px" alt="4cc3ssX" />
|
|
111
|
+
</a>
|
|
112
|
+
<a href="https://github.com/FilipiRafael">
|
|
113
|
+
<img src="https://avatars.githubusercontent.com/u/61629642?v=4" height="60px" width="60px" alt="FilipiRafael" />
|
|
114
|
+
</a>
|
|
115
|
+
<a href="https://github.com/dacoto97">
|
|
116
|
+
<img src="https://avatars.githubusercontent.com/u/16915053?v=4" height="60px" width="60px" alt="dacoto97" />
|
|
117
|
+
</a>
|
|
118
|
+
<a href="https://github.com/chinamcafee">
|
|
119
|
+
<img src="https://avatars.githubusercontent.com/u/3439961?v=4" height="60px" width="60px" alt="chinamcafee" />
|
|
120
|
+
</a>
|
|
121
|
+
<a href="https://github.com/guillaumehcht">
|
|
122
|
+
<img src="https://avatars.githubusercontent.com/u/80776475?v=4" height="60px" width="60px" alt="guillaumehcht" />
|
|
123
|
+
</a>
|
|
124
|
+
<a href="https://github.com/FTCHD">
|
|
125
|
+
<img src="https://avatars.githubusercontent.com/u/144691102?v=4" height="60px" width="60px" alt="FTCHD" />
|
|
126
|
+
</a>
|
|
127
|
+
<a href="https://github.com/avega99">
|
|
128
|
+
<img src="https://avatars.githubusercontent.com/u/177598670?v=4" height="60px" width="60px" alt="avega99" />
|
|
129
|
+
</a>
|
|
130
|
+
<a href="https://github.com/oscklm">
|
|
131
|
+
<img src="https://avatars.githubusercontent.com/u/22825865?v=4" height="60px" width="60px" alt="oscklm" />
|
|
132
|
+
</a>
|
|
133
|
+
<a href="https://github.com/loopsware">
|
|
134
|
+
<img src="https://avatars.githubusercontent.com/u/161434039?s=200&v=4" height="60px" width="60px" alt="loopsware" />
|
|
135
|
+
</a>
|
|
136
|
+
<a href="https://github.com/mobily">
|
|
137
|
+
<img src="https://avatars.githubusercontent.com/u/1467712?v=4" height="60px" width="60px" alt="mobily" />
|
|
138
|
+
</a>
|
|
139
|
+
<a href="https://github.com/mwarger">
|
|
140
|
+
<img src="https://avatars.githubusercontent.com/u/686823?v=4" height="60px" width="60px" alt="mwarger" />
|
|
141
|
+
</a>
|
|
142
|
+
<a href="https://github.com/happyfloat">
|
|
143
|
+
<img src="https://avatars.githubusercontent.com/u/186333704?s=200&v=4" height="60px" width="60px" alt="happyfloat" />
|
|
144
|
+
</a>
|
|
145
|
+
<a href="https://github.com/cargurus-oss-fund">
|
|
146
|
+
<img src="https://avatars.githubusercontent.com/u/108300759?v=4" height="60px" width="60px" alt="cargurus-oss-fund" />
|
|
147
|
+
</a>
|
|
148
|
+
<a href="https://github.com/rauchg">
|
|
149
|
+
<img src="https://avatars.githubusercontent.com/u/13041?v=4" height="60px" width="60px" alt="rauchg" />
|
|
150
|
+
</a>
|
|
151
|
+
<a href="https://github.com/oliverloops">
|
|
152
|
+
<img src="https://avatars.githubusercontent.com/u/33361399?v=4" height="60px" width="60px" alt="oliverloops" />
|
|
153
|
+
</a>
|
|
154
|
+
<a href="https://github.com/biw">
|
|
155
|
+
<img src="https://avatars.githubusercontent.com/u/6139501?v=4" height="60px" width="60px" alt="biw" />
|
|
156
|
+
</a>
|
|
157
|
+
|
|
158
|
+
## Sponsor my work
|
|
159
|
+
|
|
160
|
+
[How to become a sponsor?](https://unistyl.es/v3/other/for-sponsors)
|
|
161
|
+
|
|
162
|
+
If you found the `react-native-unistyles` time-saving and valuable, please consider sponsoring my work. Your support enables me to continue creating libraries with a fresh approach.
|
|
163
|
+
|
|
164
|
+
Github: https://github.com/sponsors/jpudysz
|
|
165
|
+
|
|
166
|
+
Ko-fi: https://ko-fi.com/jpudysz
|
|
167
|
+
|
|
168
|
+
Your support is greatly appreciated and helps me dedicate more time and resources to creating quality libraries. Thank you for all the support!
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
## Discord
|
|
172
|
+
Looking for help or you want to chat with me?
|
|
173
|
+
|
|
174
|
+
[Join Discord](https://discord.gg/akGHf27P4C)
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
## License
|
|
178
|
+
|
|
179
|
+
MIT
|