Scala Commons React Native
Scala.js facades for core react-native utilities and components.
It uses excellent scalajs-reactjs binding/facade library.
How to add it to your project
val scommonsReactNativeVer = "1.0.0-SNAPSHOT" libraryDependencies ++= Seq( "org.scommons.react-native" %%% "scommons-react-native-core" % scommonsReactNativeVer, "org.scommons.react-native" %%% "scommons-react-native-community" % scommonsReactNativeVer, "org.scommons.react-native" %%% "scommons-react-navigation" % scommonsReactNativeVer, "org.scommons.react-native" %%% "scommons-expo" % scommonsReactNativeVer, // ui module already includes all above modules "org.scommons.react-native" %%% "scommons-react-native-ui" % scommonsReactNativeVer, // mocks of native Components and APIs "org.scommons.react-native" %%% "scommons-react-native-test" % scommonsReactNativeVer % "test" )
SNAPSHOT version is published to Sonatype Repo, just make sure you added
the proper dependency resolver to your
resolvers += "Sonatype Snapshots" at "https://oss.sonatype.org/content/repositories/snapshots/"
How to use it
See showcase/README.md for how to build and run it.
Demo App/UI Library Components
- app => tests
- Screens with API calls
- Reusable Custom UI Components
React Native Styling Examples
- Border Style => tests
- Border Radius => tests
- Margin => tests
- Padding => tests
- Position => tests
- TextStyle => tests
- ProfileCard (with Images) => tests
- react-native-webview => tests
- react-native-htmlview => tests
- react-native-syntax-highlighter => tests
- expo-asset => tests
- expo-font => tests
- @expo/vector-icons => tests
How to Build
To build and run all the tests use the following command:
You can find more documentation here
You can find more examples here