❗ ❗ This project is new and has not reached a stable release yet. Working to complete all features soon! ❗ ❗
SwiftUI is awesome. So is React Native! This library aims to leverage some of the best SwiftUI features in React Native applications.
Run yarn build
to generate a dist/
folder, then run yarn watch
while developing.
Install the package like this:
yarn add swiftui-react-native
and then these if you don’t have them installed already:
yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
Import the components you need like this:
import { VStack, Text, Button } from 'swiftui-react-native';
And display them like this:
return (
<VStack
aligment='leading'
background={UIColor.systemGray6}
padding={{ leading: 30 }}
cornerRadius={20}
>
<Text font='title'>Some cool text</Text>
<Button action={doSomething}>
<Text>Click the cool button</Text>
</Button>
</VStack>
);
vs. SwiftUI…
var body: some View {
VStack(alignment: .leading) {
Text("Some cool text").font(.title)
Button(action: doSomething) {
Text("Click the cool button")
}
}.background(Color(UIColor.systemGray6))
.cornerRadius(20)
.padding(.leading, 30)
}
examples/
)Author: andrew-levy
Source Code: https://github.com/andrew-levy/swiftui-react-native
#react #react-native #mobile-apps