geekyants / react-native-boilerplate-redux-typescript Goto Github PK

I am trying to reproduce https://docs.nativebase.io/Components.html#swipeable-multi-def-headref but List element does not have an attribute dataSource, so cannot work on it.

yarn run start//got this

if I run react-native-scripts start after watch.//got this

so, help me please.

I've just your repository but I see it's package.json is pretty much outdated. Is there any specific reason for that?

I'm following this example,
http://docs.nativebase.io/Components.html#tabs-advanced-headref

It should work like this, without any error

But having this typescript error.

versions:
typescript: 2.5.2
npm: 5.5.1

having trouble tracking down the source of this issue. but I've pasted the output for a clean npm run build.

09:26:58 react-native-boilerplate-redux-typescript : npm run build

> [email protected] build C:\Users\Austin\workspaces\react-native\react-native-boilerplate-redux-typescript
> npm run clean && npm run tsc --


> [email protected] clean C:\Users\Austin\workspaces\react-native\react-native-boilerplate-redux-typescript
> rimraf artifacts


> [email protected] tsc C:\Users\Austin\workspaces\react-native\react-native-boilerplate-redux-typescript
> tsc

node_modules/native-base/index.d.ts(452,13): error TS2430: Interface 'Card' incorrectly extends interface 'ReactListViewProperties'.
  Types of property 'ref' are incompatible.
    Type 'Ref<ViewProperties | ReactListViewProperties>' is not assignable to type 'Ref<ListViewStatic & ScrollViewStatic & ViewStatic>'.
      Type 'RefObject<ViewProperties | ReactListViewProperties>' is not assignable to type 'Ref<ListViewStatic & ScrollViewStatic & ViewStatic>'.
        Type 'RefObject<ViewProperties | ReactListViewProperties>' is not assignable to type 'RefObject<ListViewStatic & ScrollViewStatic & ViewStatic>'.
          Type 'ViewProperties | ReactListViewProperties' is not assignable to type 'ListViewStatic & ScrollViewStatic & ViewStatic'.
            Type 'ViewProperties' is not assignable to type 'ListViewStatic & ScrollViewStatic & ViewStatic'.
              Type 'ViewProperties' is not assignable to type 'ListViewStatic'.
                Property 'DataSource' is missing in type 'ViewProperties'.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] tsc: `tsc`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] tsc script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Austin\AppData\Roaming\npm-cache\_logs\2018-04-26T16_27_10_211Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: `npm run clean && npm run tsc --`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Austin\AppData\Roaming\npm-cache\_logs\2018-04-26T16_27_10_237Z-debug.log

D:\react-native-boilerplate-redux-typescript-master>npm start

[email protected] start D:\react-native-boilerplate-redux-typescript-maste
r
npm run build && concurrently -r 'npm run watch' 'react-native-scripts start'

[email protected] build D:\react-native-boilerplate-redux-typescript-maste
r
npm run clean && npm run tsc --

[email protected] clean D:\react-native-boilerplate-redux-typescript-maste
r
rimraf artifacts

[email protected] tsc D:\react-native-boilerplate-redux-typescript-master
tsc

'np' is not recognized as an internal or external command,
operable program or batch file.
'run' is not recognized as an internal or external command,
operable program or batch file.
'watch'' is not recognized as an internal or external command,
operable program or batch file.
'react-native-script' is not recognized as an internal or external command,
operable program or batch file.
'start'' is not recognized as an internal or external command,
operable program or batch file.

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\
node_modules\npm\bin\npm-cli.js" "start"
npm ERR! node v6.11.3
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: npm run build && concurrently -r 'npm run watch' 'react-native-scripts start'
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'npm run build && conc
urrently -r 'npm run watch' 'react-native-scripts start''.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ReactNativeSeed packa
ge,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run build && concurrently -r 'npm run watch' 'react-native-scri
pts start'
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ReactNativeSeed
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls ReactNativeSeed
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! D:\react-native-boilerplate-redux-typescript-master\npm-debug.log

D:\react-native-boilerplate-redux-typescript-master>`

Node version is 6..11.3
Npm version is 3.10.10

Would like to know how to get form values for this method:

	login() {
		if (this.props.valid) {
			this.props.navigation.navigate("Drawer");
		} else {
			Toast.show({
				text: "Enter Valid Username & password!",
				duration: 2000,
				position: "top",
				textStyle: { textAlign: "center" },
			});
		}
	}

  It only check for form validation, not showing how to get the form values for login form.

I have tried to refer remote submit in Redux-form docs, no clue at all. Please help. Thanks.

Hi, I'm wondering why assets folder is not imported to 'artifacts' folder.

I tried to use:

import * as LogoDefault from '../../../assets/images/logo-default.png';

But error happens.

Unable to resolve ../../../assets/images/logo-default.png" 

I already add extension declaration also on typings.d.ts:

declare module "*.png" {
    const value: any;
    export = value;
}

But still error. What's the best way using image from local instead of from cloud?

Thank you!

Hi I did a fresh checkout, after running yarn and react-native run-ios I got the following error:

13:21:03: Unable to resolve {"buildID":"1","type":"bundle_build_failed"}
13:21:03: "./artifacts/boot/index" from ".//App.js`: 
could not resolve `react-native-boilerplate-redux-typescript/artifacts/boot/index' 
as a file nor as a folder","name":"UnableToResolveError",
"type":"UnableToResolveError","errors":[{}]},"type":"bundling_error"}"

In App.js it is importing boot from the wrong directory, so I changed it to:
import boot from "./src/boot/index";

However the error became:

13:22:58: Failed building JavaScript bundle
13:22:58: Unable to resolve "./src/boot/index" from ".//App.js`: 
could not resolve `react-native-boilerplate-redux-typescript/src/boot/index' 
as a file nor as a folder","name":"UnableToResolveError",
"type":"UnableToResolveError","errors":[{}]},"type":"bundling_error"}"

Please help thank you.

After totally removing node and npm, reinstall them, and still get stuck while building with [email protected] & [email protected] on Mac. Please help.

Steps

1. extract react-native-boilerplate-redux-typescript-master.zip
2. npm install
3. Manully npm install react and jest according to warning msg
4. npm start

Error Msgs

~/src/tmp/$ npm start

[email protected] start /Users/ernie/src/tmp
npm run build && concurrently -r 'npm run watch' 'react-native-scripts start'

[email protected] build /Users/ernie/src/tmp
npm run clean && npm run tsc --

[email protected] clean /Users/ernie/src/tmp
rimraf artifacts

[email protected] tsc /Users/ernie/src/tmp
tsc

src/App.tsx(20,39): error TS2322: Type '{ children?: ReactNode; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{ children?: ReactNod...'.
Type '{ children?: ReactNode; }' is not assignable to type 'Readonly'.
Property 'navigation' is missing in type '{ children?: ReactNode; }'.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] tsc: tsc
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] tsc script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ernie/.npm/_logs/2018-01-19T20_17_12_069Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: npm run clean && npm run tsc --
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ernie/.npm/_logs/2018-01-19T20_17_12_139Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] start: npm run build && concurrently -r 'npm run watch' 'react-native-scripts start'
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ernie/.npm/_logs/2018-01-19T20_17_12_455Z-debug.log

Hello, I've installed the seed using redux and typescript, what I've noticed is that when you run the seed on an android device, the hamburguer menu, on header is not very responsive.

When you click it works fine for the 90% of cases, but if you click on some edge, the ripple effect appears and wont open the side menu.

Versions:

• react-native-cli: 2.0.1
• react-native: 0.50.3

For installation I was following the steps from this link https://reactnativeseed.com/thank-you/8824 them are listed below.

• git clone -b RN [email protected]:GeekyAnts/react-native-boilerplate-redux-typescript.git
• npm install
• npm build & npm start
• npm run android

How to reproduce

git clone -b RN [email protected]:GeekyAnts/react-native-boilerplate-redux-typescript.git
cd react-native-boilerplate-redux-typescript/
npm install
npm start

Actual output

> [email protected] start /Users/david/workspace/david/nextdate/nextdate5rns
> react-native start

Scanning folders for symlinks in /Users/david/workspace/david/nextdate/nextdate5rns/node_modules (19ms)
 ┌────────────────────────────────────────────────────────────────────────────┐
 │  Running Metro Bundler on port 8081.                                       │
 │                                                                            │
 │  Keep Metro Bundler running while developing on any JS projects. Feel      │
 │  free to close this tab and run your own Metro Bundler  instance if you    │
 │  prefer.                                                                   │
 │                                                                            │
 │  https://github.com/facebook/react-native                                  │
 │                                                                            │
 └────────────────────────────────────────────────────────────────────────────┘
Looking for JS files in
   /Users/david/workspace/david/nextdate/nextdate5rns


Metro Bundler ready.

Loading dependency graph, done.

Expected output
Expected a QR code