Giter VIP home page Giter VIP logo

nativebase-kitchensink's Introduction

NativeBase KitchenSink v2.12.0

An example app with all the UI components of NativeBase

NativeBase-KitchenSink comes in four forms of app for you!

  1. Pure React Native App with react-navigation on branch master
  2. Pure React Native App with RNRF on branch RNRF
  3. An Expo app with CRNA and react-navigation on branch CRNA
  4. A React App with NativeBase for web on branch web-support

Find the installation guide in ReadMe of appropriate branches

Demo

iOS Android
ios-demo android-demo

Installation

  • Clone and install packages
git clone [email protected]:GeekyAnts/NativeBase-KitchenSink.git
cd NativeBase-KitchenSink
yarn
react-native link react-native-vector-icons
  • Run on iOS

    • Opt #1:
      • Open the project in Xcode from ios/NativeBase-KitchenSink.xcodeproj
      • Click run button to simulate
    • Opt #2:
      • Run react-native run-ios in your terminal
  • Run on Android

    • Make sure you have an Android emulator installed and running
    • Run react-native run-android in your terminal

BuilderX

Another major project by us is BuilderX, a screen design tool which codes React Native for you.

nativebase-kitchensink's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nativebase-kitchensink's Issues

Error while doing 'react-native link'

Error while doing 'react-native link'

rnpm-install info Linking react-native-code-push android dependency
rnpm-install info Android module react-native-code-push has been successfully li
nked
rnpm-install info iOS module react-native-code-push is already linked
"CodePush.h" header already imported.
D:\Users\user\Documents\React\NativeBase-KitchenSink\node_modules\react-native-c
ode-push\scripts\postlink\ios\postlink.js:26
var oldJsCodeLocationAssignmentStatement = appDelegateContents.match(/(jsCodeLoc
ation = .*)\n/)[1];

               ^

TypeError: Cannot read property '1' of null
    at Object.<anonymous> (D:\Users\user\Documents\React\NativeBase-KitchenSink\
node_modules\react-native-code-push\scripts\postlink\ios\postlink.js:26:96)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Users\user\Documents\React\NativeBase-KitchenSink\
node_modules\react-native-code-push\scripts\postlink\run.js:1:63)
    at Module._compile (module.js:541:32)
 D:\Users\user\Documents\React\NativeBase-KitchenSink\node_modules\react-native\
local-cli\core\makeCommand.js:19
        throw new Error(`Error occured during executing "${ command }" command`)
;
        ^

Error: Error occured during executing "node node_modules/react-native-code-push/
scripts/postlink/run" command
    at ChildProcess.prelink (D:/Users/user/Documents/React/NativeBase-KitchenSin
k/node_modules/react-native/local-cli/core/makeCommand.js:19:15)
    at emitTwo (events.js:106:13)
    at ChildProcess.emit (events.js:191:7)
    at maybeClose (internal/child_process.js:852:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5)

Link error on Android

Hi guys, I have this issue on windows(node v4.4.4) when finished npm i then try to run react-native link , any idea what's might be the problem ? I ignored the CodePush deployment key because I dont have any.

? What is your CodePush deployment key for Android (hit to ignore)
rnpm-install info Linking react-native-code-push android dependency
rnpm-install info Android module react-native-code-push has been successfully linked
rnpm-install info iOS module react-native-code-push is already linked
"CodePush.h" header already imported.
D:\Workspace\React\NativeBase-KitchenSink\node_modules\react-native-code-push\scripts\postlink\ios\postlink.js:26
var oldJsCodeLocationAssignmentStatement = appDelegateContents.match(/(jsCodeLocation = .*)\n/)[1];

TypeError: Cannot read property '1' of null
at Object. (D:\Workspace\React\NativeBase-KitchenSink\node_modules\react-native-code-push\scripts\postlink\ios\postlink.js:26:96)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object. (D:\Workspace\React\NativeBase-KitchenSink\node_modules\react-native-code-push\scripts\postlink\run.js:1:63)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)

Native module CodePushNativeModule tried to override CodePushNativeModule for module name CodePush.

When I try to run NativeBase in AVD I get the following error at runtime.

java.lang.IllegalStateException: Native module CodePushNativeModule tried to override CodePushNativeModule for module name CodePush. If this was your intention, set canOverrideExistingModule=true at com.facebook.react.cxxbridge.NativeModuleRegistry.<init>(NativeModuleRegistry.java:53) at com.facebook.react.XReactInstanceManagerImpl.createReactContext(XReactInstanceManagerImpl.java:894) at com.facebook.react.XReactInstanceManagerImpl.access$600(XReactInstanceManagerImpl.java:110) at com.facebook.react.XReactInstanceManagerImpl$ReactContextInitAsyncTask.doInBackground(XReactInstanceManagerImpl.java:214) at com.facebook.react.XReactInstanceManagerImpl$ReactContextInitAsyncTask.doInBackground(XReactInstanceManagerImpl.java:193) at android.os.AsyncTask$2.call(AsyncTask.java:304) at java.util.concurrent.FutureTask.run(FutureTask.java:237) at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1133) at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:607) at java.lang.Thread.run(Thread.java:761)

Slide Menu

Why the slide menu is only clickable on the left corner of it?

NativeBase-KitchenSink/js/components/sidebar/index.js

I was expecting the whole line to be clickable.

Why is Codepush required?

I just downloaded your demo app and it looks awesome. Thanks for putting together these awesome and helpful UI components.

I've never used codepush before, but it looks very helpful. My biggest worry is performance because my app is designed for offline.

Issues with starting up the NativeBase-KitchenSink Project

Hello, having issues starting up the NativeBase-KitchenSink Project in React Native

I keep receiving the following error

The development server returned response error code: 500

URL: http://10.0.2.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

Body:
{"from":"C:\Users\Martin\Documents\React JS\NativeBase-KitchenSink\node_modules\native-base\dist\src\basic\Tabs\SceneComponent.js","to":"react-native/Libraries/Components/StaticContainer.react","message":"Unable to resolve module react-native/Libraries/Components/StaticContainer.react from C:\\Users\\Martin\\Documents\\React JS\\NativeBase-KitchenSink\\node_modules\\native-base\\dist\\src\\basic\\Tabs\\SceneComponent.js: Module does not exist in the module map or in these directories:\n C:\Users\Martin\Documents\React JS\NativeBase-KitchenSink\node_modules\native-base\node_modules\react-native\Libraries\Components\n, C:\Users\Martin\Documents\React JS\NativeBase-KitchenSink\node_modules\react-native\Libraries\Components\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n 1. Clear watchman watches: watchman watch-del-all.\n 2. Delete the node_modules folder: rm -rf node_modules && npm install.\n 3. Reset packager cache: rm -fr $TMPDIR/react-* or npm start --reset-cache.","name":"UnableToResolveError","type":"UnableToResolveError","errors":[{}]}
onResponse
DevServerHelper.java:339
execute
RealCall.java:126
run
NamedRunnable.java:32
runWorker
ThreadPoolExecutor.java:1133
run
ThreadPoolExecutor.java:607
run
Thread.java:761

My package file is as follows

{
"name": "NativebaseKitchenSink",
"version": "2.0.0",
"private": true,
"scripts": {
"postinstall": "remotedev-debugger",
"start": "node node_modules/react-native/local-cli/cli.js start",
"eslint": "eslint",
"test": "jest",
"eject-native-base": "node node_modules/native-base/ejectTheme.js"
},
"dependencies": {
"color": "0.11.1",
"lodash": "4.13.1",
"moment": "2.13.0",
"native-base": "https://github.com/GeekyAnts/NativeBase#master",
"react": "15.4.2",
"react-native": "0.42.3",
"react-native-code-push": "1.17.0-beta",
"react-native-easy-grid": "0.1.8",
"react-native-modalbox": "1.3.4",
"react-native-navigation-redux-helpers": "0.5.0",
"react-native-router-flux": "3.37.0",
"react-native-scrollable-tab-view": "0.6.0",
"react-redux": "4.4.5",
"redux": "3.5.2",
"redux-form": "6.2.0",
"redux-persist": "3.2.2",
"redux-thunk": "2.1.0",
"remote-redux-devtools": "0.3.3",
"whatwg-fetch": "1.0.0"
},
"devDependencies": {
"babel-eslint": "6.1.2",
"babel-jest": "16.0.0",
"babel-preset-react-native": "1.9.0",
"chai": "3.5.0",
"eslint": "3.5.0",
"eslint-config-airbnb": "11.1.0",
"eslint-plugin-import": "1.14.0",
"eslint-plugin-jsx-a11y": "2.2.1",
"eslint-plugin-react": "6.2.0",
"eslint-plugin-react-native": "2.0.0",
"jest": "16.0.2",
"jest-react-native": "16.1.0",
"mocha": "2.5.3",
"react-test-renderer": "15.4.2",
"remote-redux-devtools-on-debugger": "0.4.6",
"remotedev-server": "0.1.2"
},

What am I doing incorrectly? Please bear with me as I am new to react-native and nativebase.

Search bar text width unusably narrow

Out of the box, I get the following in the "search bar" section, both using an emulator and on a physical device.

image

As far as I am concerned, the input item should use as much horizontal width as it can...

Keyboard gets closed when navigating from one input to another

Hi,

I am working on login screen. Input component works fine but when I tap on username Input and navigate to password input field keyboard gets closed.

Is this because Content component has scrollview though its my assumption as I have not tried it yet.

Adding badges to a Footer tab item

Hi All,
It is possible to use the Native base badge and assign it to one of the Footer tab items. Much like you see with Facebook notifications. I tried it using out of the box badge and Footer tab but they didn't seem to work together.

I assume I could make my own badge and try to get it to work.

Is this something you all were planning to add?

Thanks!

Build fails for Android

I checked out master code and ran npm install. Npm install is finished with following:

└── UNMET PEER DEPENDENCY whatwg-fetch@^1.0.0

npm WARN [email protected] requires a peer of react-native@>=0.40.0 but none was installed.
npm WARN [email protected] requires a peer of whatwg-fetch@^1.0.0 but none was installed.

At this phase, I can confirm that I can run react-native run-ios w/o any problem. However when I run, react-native run-android build fails with the following error:

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/alaattin/TrainingProjects/NativeBase-KitchenSink/android/app/build.gradle' line: 102

* What went wrong:
A problem occurred evaluating project ':app'.
> Could not find property 'MYAPP_RELEASE_STORE_FILE' on SigningConfig_Decorated{name=release, storeFile=null, storePassword=null, keyAlias=null, keyPassword=null, storeType=null}.

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

BUILD FAILED

Total time: 5.131 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.
Go to https://facebook.github.io/react-native/docs/getting-started.html
and check the Android tab for setup instructions.

What should I do?

Module progress bar doesn't exists

Hi,

I've got this error with progressbar.io.js module

 UnableToResolveError: Unable to resolve module native-base/Components/Base/NativeBaseComponent from 

/Users/baptiste/Projects/Mobile/MATNOIRE/MNRN/NativeBase-KitchenSink/js/components/loaders/ProgressBar.ios.js: Module does not exist in the module map or in these directories:

  /Users/baptiste/Projects/Mobile/MATNOIRE/MNRN/NativeBase-KitchenSink/node_modules/native-base/Components/Base

,/Users/baptiste/node_modules/native-base/Components/Base

Actually the node_modules/native-base/Components doesn't exist at all.

I've just removed all occurence of progressbar component in the app.js to make app works temporally, but can you explain me why the directory doesn't exist here ? did i forget something ?

Thank you.

Unable to resolve module

Hi All,
Getting this error after going through the install steps the hitting play in xcode. Getting this error, what do you think I need to do here? Tried clear npm cache.

screen shot 2016-10-17 at 9 45 30 pm

Thanks

Application not registered

Builds successful but when running on device or emulator:

Application NativebaseKitchenSink has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent.
runApplication
AppRegistry.js:99
__callFunction
MessageQueue.js:236

MessageQueue.js:108
guard
MessageQueue.js:46
callFunctionReturnFlushedQueue
MessageQueue.js:107

open a page from sidebar seems not smooth ?

When I try to open a page from the sidebar, it will block about 200~300ms before show the content. So is it a problem in the real app if I use native base or can be optimized ? I'm new to react native, please correct me if I'm wrong. Thank you.

Update NativeBase-KitchenSink

  • Restore Router Flux to a branch
  • Upgrade to RN 45 and NB 2.1.5 on master
  • Clean code
  • ReadMe for master, router-flux, CRNA

unable to deploy on android

Hi, I tried to deploy this demo app on Samsung A300FU (android 6.0.1) but I get this error.
I tried to clear the cache as the error suggests, I didn't solve.

react-error

"react-native start" is crashing

Hello,
first I want to thank you for this great tool you made (native-base),

I'm on node v7.8.0

I have a problem to launch the "react-native start" command after the init steps:

jest-haste-map: @providesModule naming collision:
Duplicate module name: react-native
Paths: /var/www/NativeBase-KitchenSink/node_modules/react-native/package.json collides with /var/www/NativeBase-KitchenSink/node_modules/react-native-router-flux/node_modules/react-native/package.json

This warning is caused by a @providesModule declaration with the same name across two different files.
Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: react-native-vector-icons
Paths: /var/www/NativeBase-KitchenSink/node_modules/react-native/local-cli/core/fixtures/files/package.json collides with /var/www/NativeBase-KitchenSink/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/fixtures/files/package.json

This error is caused by a @providesModule declaration with the same name across two different files.
Error: @providesModule naming collision:
Duplicate module name: react-native-vector-icons
Paths: /var/www/NativeBase-KitchenSink/node_modules/react-native/local-cli/core/fixtures/files/package.json collides with /var/www/NativeBase-KitchenSink/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/fixtures/files/package.json

This error is caused by a @providesModule declaration with the same name across two different files.
at HasteMap._updateHasteMap (/var/www/NativeBase-KitchenSink/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
at p.getName.then.name (/var/www/NativeBase-KitchenSink/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

Using latest native-base ~2.1.5 yields build errors

Running NativeBase-KitchenSink locally on a development machine works properly (as of checking c985e7a). However, I wanted to use this project check my contributions to NativeBase. So I linked the latest master of NativeBase:

cd NativeBase-KitchenSink
yarn link native-base
react-native run-ios

The following error happens:

** BUILD FAILED **


The following build commands failed:

    CpResource /Users/vt/Code/NativeBase-KitchenSink/node_modules/native-base/Fonts/Andale\ Mono.ttf build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app/Andale\ Mono.ttf
    CpResource /Users/vt/Code/NativeBase-KitchenSink/node_modules/native-base/Fonts/Arial.ttf build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app/Arial.ttf
    CpResource /Users/vt/Code/NativeBase-KitchenSink/node_modules/native-base/Fonts/Arial\ Black.ttf build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app/Arial\ Black.ttf
    CpResource /Users/vt/Code/NativeBase-KitchenSink/node_modules/native-base/Fonts/Comic\ Sans\ MS.ttf build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app/Comic\ Sans\ MS.ttf
    CpResource /Users/vt/Code/NativeBase-KitchenSink/node_modules/native-base/Fonts/Courier\ New.ttf build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app/Courier\ New.ttf
    (5 failures)

This is probably due to the issues described in upgrading to native-base 2.1.5.

Running the react native packager yields the following errors:

Loading dependency graph...
React packager ready.

Failed to build DependencyGraph: @providesModule naming collision:
  Duplicate module name: react-native-vector-icons
  Paths: /Users/vt/Code/NativeBase/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/vt/Code/NativeBase-KitchenSink/node_modules/react-native/local-cli/core/__fixtures__/files/package.json

Currently this is preventing me from contributing to the main NativeBase project easily.

call undefined hexString() in base-theme.js

Hi,

when i launched yarn upgrade, the Color package has been updated to 1.0.3.
then it raised an error with an undefined call to hexString() in themes/base-theme.js.

I fixed that changing

return color(this.toolbarDefaultBg).darken(0.2).hexString();

to

return color(this.toolbarDefaultBg).darken(0.2).hex();

Can't get it working on iOS

Using the latest: be9f9b6

npm v3.10.10
node v6.10.2
[email protected]
[email protected]
[email protected]

Installing as per README. After running react-native run-ios, project is built, but there is an error while bundling:

Loading dependency graph, done.
Bundling `index.ios.js`
  Transforming modules  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░  93.1% (993/1033)...(node:38231) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2973): UnableToResolveError: Unable to resolve module `native-base-shoutem-theme` from `/Users/zoran/tmp/NativeBase-KitchenSink/node_modules/native-base/dist/src/basic/CardItem.js`: Module does not exist in the module map or in these directories:
  /Users/zoran/tmp/NativeBase-KitchenSink/node_modules/native-base/node_modules
,   /Users/zoran/tmp/NativeBase-KitchenSink/node_modules

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
Bundling `index.ios.js`
  Transforming modules  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░  99.4% (1054/1057)...

App is run anyway. Note that Transforming modules is stuck on 99.4%.

In Simulator (iOS 10.3 iPhone 6s), getting the same error, with additional step to try (resetting packager cache).

screen shot 2017-04-15 at 18 17 39

Tried everything several times, but no luck.

cant run KitchenSink on iOS

I cant run KitchenSink on iOS simulator

My step is:

git clone https://github.com/GeekyAnts/NativeBase-KitchenSink.git
cd NativeBase-KitchenSink
npm install
react-native link
react-native run-ios

and the error is DeviceInfo native module is not installed correctly

how to solve this problem?
Thank you

Could not get BatchedBridge, make sure your bundle is pacckaged correctly

Hi,
I run the project on emulators, and for iOs and Android (Genymotion) everything is fine.
Bu when I run the project with my android device connected, y get a Red Screen that says:
Could not get BatchedBridge, make sure your bundle is packaged correctly

I'm using a Huawei U9508, with Android 4.2.2

change project name

what are your recommendations on how to change the name of the application?

License Info?

I can't see any license info here? Could you please provide it?

Empty Optional cannot be unwrapped

I am trying to run this app in a real android device but I get a red screen with this meesage: "Could not get BatchedBridge, make sure your bundle is pacckaged correctly" in the device.

I am executing the app through Android Studio IDE and grandle is compiled without problems. After the execution, I receive this message on console:
"Caused by: java.lang.RuntimeException: Empty Optional cannot be unwrapped"

Thanks.

Unknown named module: 'react/lib/ReactNativePropRegistry'

This error is appearing in the Android emulator.

My package.json:

"dependencies": {
    "native-base": "^0.5.18",
    "react": "^15.4.0",
    "react-native": "^0.38.0",
    "react-native-vector-icons": "^2.0.3"
}

I cloned this repo, edited the package.json as above (because in past I tried with the default package and it didn't work) and here we are.

I read something here, but nothing. GeekyAnts/NativeBase#307

Can't ignore CodePush Deployment Key when executing react-native link

Got this error

$ react-native link
? What is your CodePush deployment key for Android (hit <ENTER> to ignore)
? What is your CodePush deployment key for Android (hit <ENTER> to ignore)
rnpm-install info Linking react-native-code-push android dependency
rnpm-install info Android module react-native-code-push has been successfully linked
rnpm-install info iOS module react-native-code-push is already linked
"CodePush.h" header already imported.
C:\Users\User8\desktop\KitchenSink\node_modules\react-native-code-push\scripts\postlink\ios\postlink.js:26
var oldJsCodeLocationAssignmentStatement = appDelegateContents.match(/(jsCodeLocation = .*)\n/)[1];
                                                                                               ^

TypeError: Cannot read property '1' of null
    at Object.<anonymous> (C:\Users\User8\desktop\KitchenSink\node_modules\react-native-code-push\scripts\postlink\ios\postlink.js:26:96)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\User8\desktop\KitchenSink\node_modules\react-native-code-push\scripts\postlink\run.js:1:63)
    at Module._compile (module.js:570:32)
C:\Users\User8\desktop\KitchenSink\node_modules\react-native\local-cli\core\makeCommand.js:19
        throw new Error(`Error occured during executing "${command}" command`);
        ^

Error: Error occured during executing "node node_modules/react-native-code-push/scripts/postlink/run" command
    at ChildProcess.prelink (C:/Users/User8/desktop/KitchenSink/node_modules/react-native/local-cli/core/makeCommand.js:19:15)
    at emitTwo (events.js:106:13)
    at ChildProcess.emit (events.js:191:7)
    at maybeClose (internal/child_process.js:877:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)

problem in Iphone 6

in the form page, if I press GENDER, male, it takes a very long time to response.
Iphone 6, IOS 9.

Integration Test Issue

This issue is to test the integration of Github issue with our developer tools. It will be closed once it is successful

build is failing

I ran the command ./gradlew --stacktrace to build but it failed with the below error.

FAILURE: Build failed with an exception.

  • Where:
    Build file '/reactNative/NativeBase-KitchenSink/android/app/build.gradle' line: 102

  • What went wrong:
    A problem occurred evaluating project ':app'.

Could not find property 'MYAPP_RELEASE_STORE_FILE' on SigningConfig_Decorated{name=release, storeFile=null, storePassword=null, keyAlias=null, keyPassword=null, storeType=null}.

  • Try:
    Run with --info or --debug option to get more log output.

  • Exception is:
    org.gradle.api.GradleScriptException: A problem occurred evaluating project ':app'.
    at org.gradle.groovy.scripts.internal.DefaultScriptRunnerFactory$ScriptRunnerImpl.run(DefaultScriptRunnerFactory.java:76)
    at org.gradle.configuration.DefaultScriptPluginFactory$ScriptPluginImpl$1.run(DefaultScriptPluginFactory.java:148)
    at org.gradle.configuration.DefaultScriptPluginFactory$ScriptPluginImpl.apply(DefaultScriptPluginFactory.java:156)
    at org.gradle.configuration.project.BuildScriptProcessor.execute(BuildScriptProcessor.java:39)
    at org.gradle.configuration.project.BuildScriptProcessor.execute(BuildScriptProcessor.java:26)
    at org.gradle.configuration.project.ConfigureActionsProjectEvaluator.evaluate(ConfigureActionsProjectEvaluator.java:34)
    at org.gradle.configuration.project.LifecycleProjectEvaluator.evaluate(LifecycleProjectEvaluator.java:55)
    at org.gradle.api.internal.project.AbstractProject.evaluate(AbstractProject.java:487)
    at org.gradle.api.internal.project.AbstractProject.evaluate(AbstractProject.java:85)
    at org.gradle.execution.TaskPathProjectEvaluator.configureHierarchy(TaskPathProjectEvaluator.java:47)
    at org.gradle.configuration.DefaultBuildConfigurer.configure(DefaultBuildConfigurer.java:35)
    at org.gradle.initialization.DefaultGradleLauncher.doBuildStages(DefaultGradleLauncher.java:129)
    at org.gradle.initialization.DefaultGradleLauncher.doBuild(DefaultGradleLauncher.java:106)
    at org.gradle.initialization.DefaultGradleLauncher.run(DefaultGradleLauncher.java:86)
    at org.gradle.launcher.exec.InProcessBuildActionExecuter$DefaultBuildController.run(InProcessBuildActionExecuter.java:90)
    at org.gradle.tooling.internal.provider.ExecuteBuildActionRunner.run(ExecuteBuildActionRunner.java:28)
    at org.gradle.launcher.exec.ChainingBuildActionRunner.run(ChainingBuildActionRunner.java:35)
    at org.gradle.launcher.exec.InProcessBuildActionExecuter.execute(InProcessBuildActionExecuter.java:41)
    at org.gradle.launcher.exec.InProcessBuildActionExecuter.execute(InProcessBuildActionExecuter.java:28)
    at org.gradle.launcher.exec.DaemonUsageSuggestingBuildActionExecuter.execute(DaemonUsageSuggestingBuildActionExecuter.java:50)
    at org.gradle.launcher.exec.DaemonUsageSuggestingBuildActionExecuter.execute(DaemonUsageSuggestingBuildActionExecuter.java:27)
    at org.gradle.launcher.cli.RunBuildAction.run(RunBuildAction.java:40)
    at org.gradle.internal.Actions$RunnableActionAdapter.execute(Actions.java:169)
    at org.gradle.launcher.cli.CommandLineActionFactory$ParseAndBuildAction.execute(CommandLineActionFactory.java:237)
    at org.gradle.launcher.cli.CommandLineActionFactory$ParseAndBuildAction.execute(CommandLineActionFactory.java:210)
    at org.gradle.launcher.cli.JavaRuntimeValidationAction.execute(JavaRuntimeValidationAction.java:35)
    at org.gradle.launcher.cli.JavaRuntimeValidationAction.execute(JavaRuntimeValidationAction.java:24)
    at org.gradle.launcher.cli.CommandLineActionFactory$WithLogging.execute(CommandLineActionFactory.java:206)
    at org.gradle.launcher.cli.CommandLineActionFactory$WithLogging.execute(CommandLineActionFactory.java:169)
    at org.gradle.launcher.cli.ExceptionReportingAction.execute(ExceptionReportingAction.java:33)
    at org.gradle.launcher.cli.ExceptionReportingAction.execute(ExceptionReportingAction.java:22)
    at org.gradle.launcher.Main.doAction(Main.java:33)
    at org.gradle.launcher.bootstrap.EntryPoint.run(EntryPoint.java:45)
    at org.gradle.launcher.bootstrap.ProcessBootstrap.runNoExit(ProcessBootstrap.java:54)
    at org.gradle.launcher.bootstrap.ProcessBootstrap.run(ProcessBootstrap.java:35)
    at org.gradle.launcher.GradleMain.main(GradleMain.java:23)
    at org.gradle.wrapper.BootstrapMainStarter.start(BootstrapMainStarter.java:30)
    at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:127)
    at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
    Caused by: groovy.lang.MissingPropertyException: Could not find property 'MYAPP_RELEASE_STORE_FILE' on SigningConfig_Decorated{name=release, storeFile=null, storePassword=null, keyAlias=null, keyPassword=null, storeType=null}.
    at org.gradle.api.internal.AbstractDynamicObject.propertyMissingException(AbstractDynamicObject.java:43)
    at org.gradle.api.internal.AbstractDynamicObject.getProperty(AbstractDynamicObject.java:35)
    at org.gradle.api.internal.CompositeDynamicObject.getProperty(CompositeDynamicObject.java:97)
    at com.android.build.gradle.internal.dsl.SigningConfig_Decorated.getProperty(Unknown Source)
    at build_ckaa27atr4dltq8pw6zmbypqn$_run_closure1_closure5_closure10.doCall(/Users/gainsight/Desktop/VJ/reactNative/NativeBase-KitchenSink/android/app/build.gradle:102)
    at org.gradle.api.internal.ClosureBackedAction.execute(ClosureBackedAction.java:67)
    at org.gradle.api.internal.AbstractNamedDomainObjectContainer.create(AbstractNamedDomainObjectContainer.java:59)
    at org.gradle.api.internal.AbstractNamedDomainObjectContainer.create(AbstractNamedDomainObjectContainer.java:52)
    at org.gradle.api.internal.NamedDomainObjectContainerConfigureDelegate._configure(NamedDomainObjectContainerConfigureDelegate.java:39)
    at org.gradle.api.internal.ConfigureDelegate.invokeMethod(ConfigureDelegate.java:73)
    at build_ckaa27atr4dltq8pw6zmbypqn$_run_closure1_closure5.doCall(/Users/gainsight/Desktop/VJ/reactNative/NativeBase-KitchenSink/android/app/build.gradle:101)
    at org.gradle.api.internal.ClosureBackedAction.execute(ClosureBackedAction.java:67)
    at org.gradle.util.ConfigureUtil.configure(ConfigureUtil.java:130)
    at org.gradle.util.ConfigureUtil.configure(ConfigureUtil.java:91)
    at org.gradle.api.internal.AbstractNamedDomainObjectContainer.configure(AbstractNamedDomainObjectContainer.java:68)
    at org.gradle.api.internal.AbstractNamedDomainObjectContainer.configure(AbstractNamedDomainObjectContainer.java:24)
    at org.gradle.api.internal.ClosureBackedAction.execute(ClosureBackedAction.java:59)
    at org.gradle.api.Action$execute.call(Unknown Source)
    at com.android.build.gradle.BaseExtension.signingConfigs(BaseExtension.groovy:343)
    at com.android.build.gradle.AppExtension_Decorated.signingConfigs(Unknown Source)
    at build_ckaa27atr4dltq8pw6zmbypqn$_run_closure1.doCall(/Users/gainsight/Desktop/VJ/reactNative/NativeBase-KitchenSink/android/app/build.gradle:100)
    at org.gradle.api.internal.ClosureBackedAction.execute(ClosureBackedAction.java:67)
    at org.gradle.api.internal.plugins.ExtensionsStorage$ExtensionHolder.configure(ExtensionsStorage.java:145)
    at org.gradle.api.internal.plugins.ExtensionsStorage.configureExtension(ExtensionsStorage.java:69)
    at org.gradle.api.internal.plugins.DefaultConvention$ExtensionsDynamicObject.invokeMethod(DefaultConvention.java:207)
    at org.gradle.api.internal.CompositeDynamicObject.invokeMethod(CompositeDynamicObject.java:150)
    at org.gradle.groovy.scripts.BasicScript.methodMissing(BasicScript.java:79)
    at build_ckaa27atr4dltq8pw6zmbypqn.run(/Users/gainsight/Desktop/VJ/reactNative/NativeBase-KitchenSink/android/app/build.gradle:86)
    at org.gradle.groovy.scripts.internal.DefaultScriptRunnerFactory$ScriptRunnerImpl.run(DefaultScriptRunnerFactory.java:74)
    ... 38 more

Initial installation problum

hai,
am using windows. When i run 'react-native link' command after downloading packages its showing some errors.

$ react-native link
'yarn' is not recognized as an internal or external command,
operable program or batch file.
Scanning 736 folders for symlinks in C:\Mohith\Program\reactnative\NativeBase-KitchenSink\node_modules (143ms)
? What is your CodePush deployment key for Android (hit to ignore)
? What is your CodePush deployment key for Android (hit to ignore)
rnpm-install info Linking react-native-code-push android dependency
rnpm-install info Android module react-native-code-push has been successfully linked
rnpm-install ERR! It seems something went wrong while linking. Error: Expected "/* Begin ", "/* End ", """ or [A-Za-z0-9_.] but "<" found.
Please file an issue here: https://github.com/facebook/react-native/issues

Expected "/* Begin ", "/* End ", """ or [A-Za-z0-9_.] but "<" found.

how to fix it.

build error

I have downloaded NativeBase-KitchenSink and try to build but I got the following error. Here is my installation step -:

npm install
react-native link
react-native start
Then got the following error.

Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: react-native
Paths: C:\My App\ReactNative\ReactJs\NativeBase-KitchenSink-master\node_modules\react-native-router-flux
\node_modules\react-native\package.json collides with C:\My App\ReactNative\ReactJs\NativeBase-KitchenSink
-master\node_modules\react-native\package.json

This error is caused by a @providesModule declaration with the same name across two different files.
Error: @providesModule naming collision:
Duplicate module name: react-native
Paths: C:\My App\ReactNative\ReactJs\NativeBase-KitchenSink-master\node_modules\react-native-router-flux
\node_modules\react-native\package.json collides with C:\My App\ReactNative\ReactJs\NativeBase-KitchenSink
-master\node_modules\react-native\package.json

This error is caused by a @providesModule declaration with the same name across two different files.
at HasteMap.updateHasteMap (C:/My App/ReactNative/ReactJs/NativeBase-KitchenSink-master/nodemodules/
react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
at p.getName.then.name (C:/My App/ReactNative/ReactJs/NativeBase-KitchenSink-master/node_modules/react
-native/packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

code-push module duplication error

image

I tried to delete duplicated codepush module and run "react-native run-android".
But I still get this error
How can I solve this? Please help me to solve this asap.
Thanks

ProgressBar not working on Android

I install code push and try it on the actual device, working fine on iOS with the progress bar showing.

For Android, after select Install latest code push update, the app crash with the following error:
com.facebook.react.common.JavascriptException: Can't find variable: computeProps

It seems missing import from ProgressBar.android.js:
Fixed the error by adding this line:
import computeProps from 'react-native-easy-grid/Utils/computeProps';

There still issue showing just a blank screen rather the progress bar screen on android device, please help.

Thanks for this wonderful library.

Runs fine for Android, fails with iOS

Here is the output from the CLI invocation of run-ios:

In file included from /Users/pkasson/Downloads/NativeBase-KitchenSink-master-2/ios/NativebaseKitchenSink/AppDelegate.m:11:
../node_modules/react-native-code-push/ios/CodePush/CodePush.h:1:9: fatal error: 'RCTEventEmitter.h' file not found
#import "RCTEventEmitter.h"
^
1 error generated.

** BUILD FAILED **

The following build commands failed:
CompileC build/Build/Intermediates/NativebaseKitchenSink.build/Debug-iphonesimulator/NativebaseKitchenSink.build/Objects-normal/x86_64/AppDelegate.o NativebaseKitchenSink/AppDelegate.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler

(1 failure)

Installing build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=22):
Failed to install the requested application
The bundle identifier of the application could not be determined.
Ensure that the application's Info.plist contains a value for CFBundleIdentifier.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/NativebaseKitchenSink.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.