Skip to content

Latest commit

 

History

History

template

README.md

{{packageName}}

npm version CircleCI js-standard-style Dependency Status devDependencies Status typings included npm

{{{description}}}

Status

  • iOS & Android:
    • ???
  • react-native:
    • supported versions ">= {{rnVersion}}"

Installation

with react-native ">={{rnVersion}}"

0. Setup Swift and Kotlin

  • Open your iOS project in Xcode and create empty Swift file and bridging header to enable Swift support {{#if usesSwiftUI}}

  • Remove "\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"", line from LIBRARY_SEARCH_PATHS in project.pbxproj file. {{/if}} {{#if usesJetpackCompose}}

  • Modify android/build.gradle:

    buildscript {
  ext {
-   buildToolsVersion = "28.0.3"
-   minSdkVersion = 16
-   compileSdkVersion = 28
-   targetSdkVersion = 28
+   buildToolsVersion = "{{buildToolsVersion}}"
+   minSdkVersion = {{minSdkVersion}}
+   compileSdkVersion = {{compileSdkVersion}}
+   targetSdkVersion = {{targetSdkVersion}}
+   kotlinVersion = "{{kotlinVersion}}"
+   composeVersion = "{{composeVersion}}"
+   composeKotlinCompilerVersion = "{{composeKotlinCompilerVersion}}"
  }
...

  dependencies {
-   classpath("com.android.tools.build:gradle:3.5.2")
+   classpath("com.android.tools.build:gradle:{{buildToolsPluginVersion}}")
+   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
    ...

  • Modify android/gradle/wrapper/gradle-wrapper.properties:

    -  distributionUrl=https\://services.gradle.org/distributions/gradle-6.0.1-all.zip
+  distributionUrl=https\://services.gradle.org/distributions/gradle-{{gradleWrapperVersion}}-all.zip

{{else}}

  • Modify android/build.gradle:

    buildscript {
  ext {
    ...
+   kotlinVersion = "{{kotlinVersion}}"

{{#if usesLitho}}

  • lithoVersion = "{{lithoVersion}}" {{/if}} } ...
dependencies {
  • classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}") ...
{{#if usesLitho}}
- Modify `android/app/build.gradle`:

```diff
dependencies {
  ...
+ configurations.all {
+   exclude group: 'com.facebook.yoga', module: 'yoga'
+   exclude group: 'com.google.code.findbugs', module: 'jsr305'
+ }
}

{{/if}} {{/if}}

1. Install latest version from npm

$ npm i {{packageName}} -S

2. Install pods

$ cd ios && pod install && cd ..

Demo

Android iOS
??? ???

Example

import * as React from 'react'
import { View } from 'react-native'
import {
{{#each modules}}
  {{pascalCase this}},
{{/each}}
{{#each components}}
  {{pascalCase this}}{{#unless @last}},{{/unless}}
{{/each}}
} from '{{packageName}}'

Reference

prop type default desc
color string 'red' -