Wish to have it customized?
If you like our theme, but wish to have it customized your way, you can hire the Start React team to do that for you. Write to us here.

Description

A demo app to showcase the components of NativeBase. A React Native Project with Redux, NativeBase, React Native Router Flux / React Navigation and other basic must-have libraries available at github. Also integrated with CRNA and Expo.

With Plain React Native:

  • React native v-0.46.4
  • NativeBase v-2.3.1
  • React Navigation v-1.0.0-beta.11

Find it here.

With CRNA:

  • React Native v-0.46.3
  • NativeBase v-2.2.1
  • React Navigation v-1.0.0-beta.11

Find it here.

Quick demo available at Expo.

With RNRF:

  • React Native v-0.42.3
  • NativeBase v-2.1.0
  • React Native Router Flux v-3.37.0
  • React Native Code Push v-1.17.0-beta

Find it here.

Download Preview Github Installation steps

9 reviews for NativeBase-Kitchen Sink

  1. mahmood
    4 out of 5

    :

    Nice JOB, please if I want to use this version without buying it , is it legal ?

    • admin

      :

      It’s a free demo app, you don’t need to purchase. Just clone or download.

  2. Rjazhenka
    2 out of 5

    :

    Hi! I get error when do “npm run android”

    Building and installing the app on the device (cd android && ./gradlew installDebug)…
    Incremental java compilation is an incubating feature.
    :app:preBuild UP-TO-DATE
    :app:preDebugBuild UP-TO-DATE
    :app:checkDebugManifest
    :app:preReleaseBuild UP-TO-DATE
    :react-native-vector-icons:preBuild UP-TO-DATE
    :react-native-vector-icons:preReleaseBuild UP-TO-DATE
    :react-native-vector-icons:checkReleaseManifest
    :react-native-vector-icons:preDebugAndroidTestBuild UP-TO-DATE
    :react-native-vector-icons:preDebugBuild UP-TO-DATE
    :react-native-vector-icons:preDebugUnitTestBuild UP-TO-DATE
    :react-native-vector-icons:preReleaseUnitTestBuild UP-TO-DATE
    :react-native-vector-icons:prepareComAndroidSupportAppcompatV72301Library UP-TO-DATE
    :react-native-vector-icons:prepareComAndroidSupportSupportV42301Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFbuiTextlayoutbuilderTextlayoutbuilder100Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFrescoDrawee101Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFrescoFbcore101Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFrescoFresco101Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFrescoImagepipeline101Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFrescoImagepipelineBase101Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookFrescoImagepipelineOkhttp3101Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookReactReactNative0451Library UP-TO-DATE
    :react-native-vector-icons:prepareComFacebookSoloaderSoloader010Library UP-TO-DATE
    :react-native-vector-icons:prepareOrgWebkitAndroidJscR174650Library UP-TO-DATE
    :react-native-vector-icons:prepareReleaseDependencies
    :react-native-vector-icons:compileReleaseAidl UP-TO-DATE
    :react-native-vector-icons:compileReleaseNdk UP-TO-DATE
    :react-native-vector-icons:compileLint UP-TO-DATE
    :react-native-vector-icons:copyReleaseLint UP-TO-DATE
    :react-native-vector-icons:compileReleaseRenderscript UP-TO-DATE
    :react-native-vector-icons:generateReleaseBuildConfig UP-TO-DATE
    :react-native-vector-icons:generateReleaseResValues UP-TO-DATE
    :react-native-vector-icons:generateReleaseResources UP-TO-DATE
    :react-native-vector-icons:mergeReleaseResources UP-TO-DATE
    :react-native-vector-icons:processReleaseManifest UP-TO-DATE
    :react-native-vector-icons:processReleaseResources UP-TO-DATE
    :react-native-vector-icons:generateReleaseSources UP-TO-DATE
    :react-native-vector-icons:incrementalReleaseJavaCompilationSafeguard UP-TO-DATE
    :react-native-vector-icons:compileReleaseJavaWithJavac UP-TO-DATE
    :react-native-vector-icons:extractReleaseAnnotations UP-TO-DATE
    :react-native-vector-icons:mergeReleaseShaders UP-TO-DATE
    :react-native-vector-icons:compileReleaseShaders UP-TO-DATE
    :react-native-vector-icons:generateReleaseAssets UP-TO-DATE
    :react-native-vector-icons:mergeReleaseAssets UP-TO-DATE
    :react-native-vector-icons:mergeReleaseProguardFiles UP-TO-DATE
    :react-native-vector-icons:packageReleaseRenderscript UP-TO-DATE
    :react-native-vector-icons:packageReleaseResources UP-TO-DATE
    :react-native-vector-icons:processReleaseJavaRes UP-TO-DATE
    :react-native-vector-icons:transformResourcesWithMergeJavaResForRelease UP-TO-DATE
    :react-native-vector-icons:transformClassesAndResourcesWithSyncLibJarsForRelease UP-TO-DATE
    :react-native-vector-icons:mergeReleaseJniLibFolders UP-TO-DATE
    :react-native-vector-icons:transformNative_libsWithMergeJniLibsForRelease UP-TO-DATE
    :react-native-vector-icons:transformNative_libsWithSyncJniLibsForRelease UP-TO-DATE
    :react-native-vector-icons:bundleRelease UP-TO-DATE
    :app:prepareComAndroidSupportAppcompatV72301Library UP-TO-DATE
    :app:prepareComAndroidSupportSupportV42301Library UP-TO-DATE
    :app:prepareComFacebookFbuiTextlayoutbuilderTextlayoutbuilder100Library UP-TO-DATE
    :app:prepareComFacebookFrescoDrawee101Library UP-TO-DATE
    :app:prepareComFacebookFrescoFbcore101Library UP-TO-DATE
    :app:prepareComFacebookFrescoFresco101Library UP-TO-DATE
    :app:prepareComFacebookFrescoImagepipeline101Library UP-TO-DATE
    :app:prepareComFacebookFrescoImagepipelineBase101Library UP-TO-DATE
    :app:prepareComFacebookFrescoImagepipelineOkhttp3101Library UP-TO-DATE
    :app:prepareComFacebookReactReactNative0451Library UP-TO-DATE
    :app:prepareComFacebookSoloaderSoloader010Library UP-TO-DATE
    :app:prepareNativebaseKitchenSinkReactNativeVectorIconsUnspecifiedLibrary UP-TO-DATE
    :app:prepareOrgWebkitAndroidJscR174650Library UP-TO-DATE
    :app:prepareDebugDependencies
    :app:compileDebugAidl UP-TO-DATE
    :app:compileDebugRenderscript UP-TO-DATE
    :app:generateDebugBuildConfig UP-TO-DATE
    :app:mergeDebugShaders UP-TO-DATE
    :app:compileDebugShaders UP-TO-DATE
    :app:generateDebugAssets UP-TO-DATE
    :app:mergeDebugAssets UP-TO-DATE
    :app:generateDebugResValues UP-TO-DATE
    :app:generateDebugResources UP-TO-DATE
    :app:mergeDebugResources
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    AAPT err(Facade for 1728492302) : No Delegate set : lost message:libpng error: Not a PNG file
    AAPT: libpng error: Not a PNG file
    Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException:
    :app:mergeDebugResources FAILED

    • admin

      :

      Can you try with the latest of NativeBase-KitchenSink?
      Do go through the ReadMe

  3. Ali Osman YUKSEL
    2 out of 5

    :

    Anyone help me please.

    c:\projects\react\NativeBase-KitchenSink>react-native run-android
    Scanning 750 folders for symlinks in c:\projects\react\NativeBase-KitchenSink\node_modules (64ms)
    JS server already running.
    Building and installing the app on the device (cd android && gradlew.bat installDebug)…
    java.net.SocketException: Permission denied: connect
    Failed to download any source lists!
    File C:\Users\username\.android\repositories.cfg could not be loaded.

    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring project ‘:app’.
    > Could not resolve all dependencies for configuration ‘:app:_debugApk’.
    > A problem occurred configuring project ‘:react-native-code-push’.
    > Could not resolve all dependencies for configuration ‘:react-native-code-push:_debugPublishCopy’.
    > Could not resolve com.facebook.fresco:fresco:0.11.0.
    Required by:
    NativebaseKitchenSink:react-native-code-push:unspecified > com.facebook.react:react-native:0.42.3
    > Could not resolve com.facebook.fresco:fresco:0.11.0.
    > Could not get resource ‘https://jcenter.bintray.com/com/facebook/fresco/fresco/0.11.0/fresco-0.11.0.pom’.
    > Could not GET ‘https://jcenter.bintray.com/com/facebook/fresco/fresco/0.11.0/fresco-0.11.0.pom’.
    > Permission denied: connect
    > Could not resolve com.facebook.fresco:imagepipeline-okhttp3:0.11.0.
    Required by:
    NativebaseKitchenSink:react-native-code-push:unspecified > com.facebook.react:react-native:0.42.3
    > Could not resolve com.facebook.fresco:imagepipeline-okhttp3:0.11.0.
    > Could not get resource ‘https://jcenter.bintray.com/com/facebook/fresco/imagepipeline-okhttp3/0.11.0/imagepipeline-okhttp3-0.11.0.pom’.
    > Could not GET ‘https://jcenter.bintray.com/com/facebook/fresco/imagepipeline-okhttp3/0.11.0/imagepipeline-okhttp3-0.11.0.pom’.
    > Permission denied: connect

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug option to get more log output.

    BU¦LD FAILED

    Total time: 5.784 secs
    Could not install the app on the device, read the error above for details.
    Make sure you have an Android emulator running or a device connected and have
    set up your Android development environment:
    https://facebook.github.io/react-native/docs/android-setup.html

    • admin

      :

      Can you try with the latest of NativeBase-KitchenSink?
      Do go through the ReadMe

  4. Fery Sanjaya
    4 out of 5

    :

    Dear Admin,
    i was able installing clone repo yesterday after stumbled on some tutorial
    and it was running yesterday
    then i tried to reinstall it again after i remove the nativebase-kitchensink folder
    and i got all error after trying to run at android emulator
    This error is caused by a @providesModule declaration with the same name across
    two different files.
    at HasteMap._updateHasteMap (C:/react/NativeBase-KitchenSink/node_modules/re
    act-native/packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
    at p.getName.then.name (C:/react/NativeBase-KitchenSink/node_modules/react-n
    ative/packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

    and its happen to all the modules
    ive tried to reinstall the npm, and still having the same problem ?
    can you please help me regarding this issues pls

    and after running react-native link its asking for my codepush development key for android
    what should i do ?

    thank you very much, much much appreciated for your attention admin

    • admin

      :

      Can you try with the latest of NativeBase-KitchenSink?
      Do go through the ReadMe

  5. Fery Sanjaya
    4 out of 5

    :

    Dear Admin,

    i go to the github and following the tutorial on how to do the installation
    right after i do this step :
    > git clone [email protected]:GeekyAnts/NativeBase-KitchenSink.git

    i got error with :
    > C:\React>git clone [email protected]:GeekyAnts/NativeBase-KitchenSink.git
    Cloning into ‘NativeBase-KitchenSink’…
    Permission denied (publickey).
    fatal: Could not read from remote repository.

    can you please help me ?

    • admin

      :

      Have you tried cloning public git repo before?

  6. Agustinus
    5 out of 5

    :

    git clone [email protected]:GeekyAnts/NativeBase-KitchenSink.git
    Cloning into ‘NativeBase-KitchenSink’…
    Permission denied (publickey).
    fatal: Could not read from remote repository.

    Please make sure you have the correct access rights
    and the repository exists.

    Please Help

    • admin

      :

      Just to confirm, have you tried cloning any other open source project from github?

  7. Haifa
    5 out of 5

    :

    Hi, It’s great especially for me since i’m still a newbie .. but i can’t implement the drawer in my app .. any help

    • admin

      :

      You can raise issue for this on GitHub repo.
      Also check Native Starter Kit for same

  8. Dharam Mali
    5 out of 5

    :

    I’m new to ReactNative.
    Thanks, It helps a lot to me

    • admin

      :

      Dharam, its glad to hear that its been useful to you.
      Thank you

  9. Eliasz
    5 out of 5

    :

    Nice job!

    • admin

      :

      Glad to hear that!

Add a review

Your email address will not be published. Required fields are marked *