Git Product home page Git Product logo

atoami / react-native-navigation-redux-starter-kit Goto Github PK

View Code? Open in Web Editor NEW
269.0 19.0 93.0 95.89 MB

React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK ๐Ÿ˜Ž

License: MIT License

JavaScript 7.59% Python 0.49% Java 0.70% Objective-C 91.13% Ruby 0.08%
react react-native react-native-navigation react-native-navigation-v2 redux sagas redux-saga eslint babel android

react-native-navigation-redux-starter-kit's People

Contributors

atoami avatar ialmoqren avatar

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

react-native-navigation-redux-starter-kit's Issues

static get options() not working

image

static get options() not working

image

but using
Navigation.registerComponentWithRedux(
HOME_SCREEN,
() => require('../screens/Home').default,
Provider,
store
)
static get options() is working

Doesn't actually seem to work...

Doesn't actually appear to work. The "Welcome to RNN v2 Starter Kit" page appears but clicking "Get Started" does nothing.

Commands executed:
git clone https://github.com/wagng/react-native-navigation-redux-starter-kit ReactNativeBoilerplate
cd ReactNativeBoilerplate
yarn
react-native run-android

Versions:
davethompson$ react-native --version
react-native-cli: 2.0.1
react-native: 0.57.8
davethompson$ node --version
v11.6.0

Attached logcat output, but nothing appears.

Spec:

  • macOS Mojave 10.14.2

Not working with react-native-config on Android

I using react-native-config,it's working on iOS but not working on Android. Please help !
I using:
React native: 0.57.8
react-native-config: 0.11.7

This is my code:

import Config from 'react-native-config'
console.log(Config.MAIN_COLOR) // undefined
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
    <Text>COLOR : {Config.MAIN_COLOR} </Text>
</View>

file : .env

# COLOR
MAIN_COLOR=#00BFF2

cleanshot 2019-02-21 at 09 53 43

iOS missing React file

Hi, wagng
Its great you provide a such workable integration

Here I met a iOS bug. android runs ok

iOS Xcode compile as
error: no such file or directory: '/Users/username/app/ios/Pods/React/React/Layout/Layout.c'

I'm using react-native link
should I use pod install in ios directory?
but that will cause the android build error with duplicated react module

what's your solution!

Redux module example

Someone has an example of redux modules in this template? Because I do not really understand how to connect more than 1 module in the component.

[Question] Black bar issue (or missing black bar issue, don't know how it should look like)

Hello!
You did awesome job with this starter project, thank you:)
I have one question. I managed to get it working a bit, using the screens you did prepare - I have bottom buttons to navigate. Do you have any idea why I see black bar in top of the dashboard screen, and on other screens it is not there? I cannot see battery status on login screen nor welcome screen, because there is just white background there. Im using ios simulator.
Best regards!

Crashes on startup with out of date dependancies

  • Following the instructions in the readme
  • app does not run and produces a reference error
  • error is related to babel and the dependancies specified

error:

ReferenceError: Unknown option: .caller. Check out http://babeljs.io/docs/usage/options/ for more information about options.
    at buildUnknownError (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:113:11)
    at Object.keys.forEach.key (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:99:57)
    at Array.forEach (<anonymous>)
    at validate (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:69:21)
    at loadPrivatePartialConfig (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/partial.js:38:50)
    at loadFullConfig (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/full.js:43:39)
    at loadOptions (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/index.js:28:36)
    at OptionManager.init (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/core/lib/config/index.js:34:12)
    at compile (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/register/lib/node.js:61:42)
    at compileHook (/Users/paul/repositories/learning/react-native/ReactNativeBoilerplate/node_modules/@babel/register/lib/node.js:102:12)

the error is located at ReactNativeBoilerplate/node_modules/@babel/core/lib/config/validation/options.js:113 throw new ReferenceError(unknownOptErr);

There are various references on stack oveflow. I'm currently experimenting with upgrading the babel dependancies

Crashes on start-up

I clone the repo and try to run the basic boilerplate. However the application crashes at startup.

I stop the debugger and can identify the crash happens in file src/navigation/registerScreens.js line 38,
i.e.

  Navigation.registerComponent(WELCOME_SCREEN, () => WrappedComponent(WelcomeScreen));

The console shows this error:

Error: Component ''demo.WelcomeScreen" does not have a componentId!
This error is located at:
    in WrappedComponent (at renderApplication.js:34)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:45)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:33)

Any ideas why this might be failing? I am using exactly your source code.

Give error while run project in local

Hi,

Below error is coming while run this project in local. Screenshot attached.
screenshot-1573474511278

Environment:

  1. window 10 64 bit
  2. Samsung j6, android v9
  3. Node v: 11.4.0

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.