├── .DS_Store ├── .gitignore ├── React Native tutorial-1-Introduction ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-10-ScrollView ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── inspectionProfiles │ │ ├── Project_Default.xml │ │ └── profiles_settings.xml │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── images │ └── my_display.jpg │ ├── package.json │ └── yarn.lock ├── React Native tutorial-11-FlatList and SectionList ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── inspectionProfiles │ │ ├── Project_Default.xml │ │ └── profiles_settings.xml │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── images │ └── my_display.jpg │ ├── package.json │ └── yarn.lock ├── React Native tutorial-12-Send GET request and fetch to ListView ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── inspectionProfiles │ │ ├── Project_Default.xml │ │ └── profiles_settings.xml │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── images │ └── my_display.jpg │ ├── package.json │ └── yarn.lock ├── React Native tutorial-13-Navigating between screens with SlackNavigator ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── tutorialproject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── tutorialproject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ ├── screens │ ├── FirstScreen.js │ └── SecondScreen.js │ └── yarn.lock ├── React Native tutorial-14-Nesting navigators with TabNavigator ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── tutorialproject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── tutorialproject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── images │ ├── icon-home.png │ └── icon-shopping.png │ ├── package.json │ ├── tabs │ ├── FirstScreen.js │ └── SecondScreen.js │ └── yarn.lock ├── React Native tutorial-15-DrawerNavigator ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── tutorialproject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── tutorialproject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ ├── screens │ ├── FirstScreen.js │ └── SecondScreen.js │ └── yarn.lock ├── React Native tutorial-16-Platform specific code VN ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── tutorialproject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── tutorialproject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-16-Platform specific code ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── tutorialproject │ ├── .babelrc │ ├── .expo │ ├── packager-info.json │ └── settings.json │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── tutorialproject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-2-Create a hello world app on MacOS ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-2-Create a hello world app on Windows ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-3-Props ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-4-State ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-5-Style ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-6-Width and Height ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-7-Layout with Flexbox ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-8-Handling text input ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-9-Handling touches ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── TutorialProject │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── inspectionProfiles │ │ ├── Project_Default.xml │ │ └── profiles_settings.xml │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── TutorialProject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock ├── React Native tutorial-xx16-Animations ├── .DS_Store ├── .idea │ ├── jsLibraryMappings.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml └── code │ ├── .DS_Store │ └── tutorialproject │ ├── .DS_Store │ ├── .babelrc │ ├── .flowconfig │ ├── .gitignore │ ├── .idea │ ├── jsLibraryMappings.xml │ ├── libraries │ │ └── tutorialproject_node_modules.xml │ ├── misc.xml │ ├── modules.xml │ └── workspace.xml │ ├── .watchmanconfig │ ├── Animations │ ├── AnimatedView.js │ └── FadeView.js │ ├── App.js │ ├── App.test.js │ ├── README.md │ ├── app.json │ ├── package.json │ └── yarn.lock └── pushsource.sh /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/.DS_Store -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the ART/Dalvik VM 6 | *.dex 7 | 8 | subscribe.png 9 | subscribe.psd 10 | 11 | # Java class files 12 | *.class 13 | 14 | # Generated files 15 | bin/ 16 | gen/ 17 | out/ 18 | 19 | # Gradle files 20 | .gradle/ 21 | build/ 22 | # Video files 23 | video/ 24 | # Local configuration file (sdk path, etc) 25 | local.properties 26 | 27 | # Proguard folder generated by Eclipse 28 | proguard/ 29 | 30 | # Log Files 31 | *.log 32 | 33 | # Android Studio Navigation editor temp files 34 | .navigation/ 35 | 36 | # Android Studio captures folder 37 | captures/ 38 | 39 | # Intellij 40 | *.iml 41 | .idea/workspace.xml 42 | 43 | # Keystore files 44 | *.jks 45 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-1-Introduction /.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-1-Introduction /code/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["babel-preset-expo"], 3 | "env": { 4 | "development": { 5 | "plugins": ["transform-react-jsx-source"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | ; Additional create-react-native-app ignores 18 | 19 | ; Ignore duplicate module providers 20 | .*/node_modules/fbemitter/lib/* 21 | 22 | ; Ignore misbehaving dev-dependencies 23 | .*/node_modules/xdl/build/* 24 | .*/node_modules/reqwest/tests/* 25 | 26 | ; Ignore missing expo-sdk dependencies (temporarily) 27 | ; https://github.com/expo/expo/issues/162 28 | .*/node_modules/expo/src/* 29 | 30 | ; Ignore react-native-fbads dependency of the expo sdk 31 | .*/node_modules/react-native-fbads/* 32 | 33 | [include] 34 | 35 | [libs] 36 | node_modules/react-native/Libraries/react-native/react-native-interface.js 37 | node_modules/react-native/flow 38 | flow/ 39 | 40 | [options] 41 | module.system=haste 42 | 43 | emoji=true 44 | 45 | experimental.strict_type_args=true 46 | 47 | munge_underscores=true 48 | 49 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 50 | 51 | suppress_type=$FlowIssue 52 | suppress_type=$FlowFixMe 53 | suppress_type=$FixMe 54 | 55 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 56 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 57 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 58 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 59 | 60 | unsafe.enable_getters_and_setters=true 61 | 62 | [version] 63 | ^0.42.0 64 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { StyleSheet, Text, View } from 'react-native'; 3 | 4 | export default class App extends React.Component { 5 | render() { 6 | return ( 7 | 8 | Open up App.js to start working on your app!. This is me - Nguyen Duc Hoang 9 | Changes you make will automatically reload. 10 | Shake your phone to open the developer menu. 11 | 12 | ); 13 | } 14 | } 15 | 16 | const styles = StyleSheet.create({ 17 | container: { 18 | flex: 1, 19 | backgroundColor: '#fff', 20 | alignItems: 'center', 21 | justifyContent: 'center', 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import App from './App'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | it('renders without crashing', () => { 7 | const rendered = renderer.create().toJSON(); 8 | expect(rendered).toBeTruthy(); 9 | }); 10 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "sdkVersion": "17.0.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /React Native tutorial-1-Introduction /code/TutorialProject/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "TutorialProject", 3 | "version": "0.1.0", 4 | "private": true, 5 | "devDependencies": { 6 | "react-native-scripts": "0.0.31", 7 | "jest-expo": "~1.0.1", 8 | "react-test-renderer": "16.0.0-alpha.6" 9 | }, 10 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 11 | "scripts": { 12 | "start": "react-native-scripts start", 13 | "eject": "react-native-scripts eject", 14 | "android": "react-native-scripts android", 15 | "ios": "react-native-scripts ios", 16 | "test": "node node_modules/jest/bin/jest.js --watch" 17 | }, 18 | "jest": { 19 | "preset": "jest-expo" 20 | }, 21 | "dependencies": { 22 | "expo": "^17.0.0", 23 | "react": "16.0.0-alpha.6", 24 | "react-native": "^0.44.0" 25 | } 26 | } -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-10-ScrollView/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-10-ScrollView/code/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-10-ScrollView/code/TutorialProject/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["babel-preset-expo"], 3 | "env": { 4 | "development": { 5 | "plugins": ["transform-react-jsx-source"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | ; Additional create-react-native-app ignores 18 | 19 | ; Ignore duplicate module providers 20 | .*/node_modules/fbemitter/lib/* 21 | 22 | ; Ignore misbehaving dev-dependencies 23 | .*/node_modules/xdl/build/* 24 | .*/node_modules/reqwest/tests/* 25 | 26 | ; Ignore missing expo-sdk dependencies (temporarily) 27 | ; https://github.com/expo/expo/issues/162 28 | .*/node_modules/expo/src/* 29 | 30 | ; Ignore react-native-fbads dependency of the expo sdk 31 | .*/node_modules/react-native-fbads/* 32 | 33 | [include] 34 | 35 | [libs] 36 | node_modules/react-native/Libraries/react-native/react-native-interface.js 37 | node_modules/react-native/flow 38 | flow/ 39 | 40 | [options] 41 | module.system=haste 42 | 43 | emoji=true 44 | 45 | experimental.strict_type_args=true 46 | 47 | munge_underscores=true 48 | 49 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 50 | 51 | suppress_type=$FlowIssue 52 | suppress_type=$FlowFixMe 53 | suppress_type=$FixMe 54 | 55 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 56 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 57 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 58 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 59 | 60 | unsafe.enable_getters_and_setters=true 61 | 62 | [version] 63 | ^0.42.0 64 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.idea/inspectionProfiles/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.idea/libraries/TutorialProject_node_modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import App from './App'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | it('renders without crashing', () => { 7 | const rendered = renderer.create().toJSON(); 8 | expect(rendered).toBeTruthy(); 9 | }); 10 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "sdkVersion": "17.0.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/images/my_display.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-10-ScrollView/code/TutorialProject/images/my_display.jpg -------------------------------------------------------------------------------- /React Native tutorial-10-ScrollView/code/TutorialProject/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "TutorialProject", 3 | "version": "0.1.0", 4 | "private": true, 5 | "devDependencies": { 6 | "react-native-scripts": "0.0.31", 7 | "jest-expo": "~1.0.1", 8 | "react-test-renderer": "16.0.0-alpha.6" 9 | }, 10 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 11 | "scripts": { 12 | "start": "react-native-scripts start", 13 | "eject": "react-native-scripts eject", 14 | "android": "react-native-scripts android", 15 | "ios": "react-native-scripts ios", 16 | "test": "node node_modules/jest/bin/jest.js --watch" 17 | }, 18 | "jest": { 19 | "preset": "jest-expo" 20 | }, 21 | "dependencies": { 22 | "expo": "^17.0.0", 23 | "react": "16.0.0-alpha.6", 24 | "react-native": "^0.44.0" 25 | } 26 | } -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-11-FlatList and SectionList/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-11-FlatList and SectionList/code/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["babel-preset-expo"], 3 | "env": { 4 | "development": { 5 | "plugins": ["transform-react-jsx-source"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | ; Additional create-react-native-app ignores 18 | 19 | ; Ignore duplicate module providers 20 | .*/node_modules/fbemitter/lib/* 21 | 22 | ; Ignore misbehaving dev-dependencies 23 | .*/node_modules/xdl/build/* 24 | .*/node_modules/reqwest/tests/* 25 | 26 | ; Ignore missing expo-sdk dependencies (temporarily) 27 | ; https://github.com/expo/expo/issues/162 28 | .*/node_modules/expo/src/* 29 | 30 | ; Ignore react-native-fbads dependency of the expo sdk 31 | .*/node_modules/react-native-fbads/* 32 | 33 | [include] 34 | 35 | [libs] 36 | node_modules/react-native/Libraries/react-native/react-native-interface.js 37 | node_modules/react-native/flow 38 | flow/ 39 | 40 | [options] 41 | module.system=haste 42 | 43 | emoji=true 44 | 45 | experimental.strict_type_args=true 46 | 47 | munge_underscores=true 48 | 49 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 50 | 51 | suppress_type=$FlowIssue 52 | suppress_type=$FlowFixMe 53 | suppress_type=$FixMe 54 | 55 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 56 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 57 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 58 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 59 | 60 | unsafe.enable_getters_and_setters=true 61 | 62 | [version] 63 | ^0.42.0 64 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.idea/inspectionProfiles/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.idea/libraries/TutorialProject_node_modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import App from './App'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | it('renders without crashing', () => { 7 | const rendered = renderer.create().toJSON(); 8 | expect(rendered).toBeTruthy(); 9 | }); 10 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "sdkVersion": "17.0.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/images/my_display.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-11-FlatList and SectionList/code/TutorialProject/images/my_display.jpg -------------------------------------------------------------------------------- /React Native tutorial-11-FlatList and SectionList/code/TutorialProject/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "TutorialProject", 3 | "version": "0.1.0", 4 | "private": true, 5 | "devDependencies": { 6 | "react-native-scripts": "0.0.31", 7 | "jest-expo": "~1.0.1", 8 | "react-test-renderer": "16.0.0-alpha.6" 9 | }, 10 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 11 | "scripts": { 12 | "start": "react-native-scripts start", 13 | "eject": "react-native-scripts eject", 14 | "android": "react-native-scripts android", 15 | "ios": "react-native-scripts ios", 16 | "test": "node node_modules/jest/bin/jest.js --watch" 17 | }, 18 | "jest": { 19 | "preset": "jest-expo" 20 | }, 21 | "dependencies": { 22 | "expo": "^17.0.0", 23 | "react": "16.0.0-alpha.6", 24 | "react-native": "^0.44.0" 25 | } 26 | } -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-12-Send GET request and fetch to ListView/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-12-Send GET request and fetch to ListView/code/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["babel-preset-expo"], 3 | "env": { 4 | "development": { 5 | "plugins": ["transform-react-jsx-source"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore "BUCK" generated dirs 6 | /\.buckd/ 7 | 8 | ; Ignore unexpected extra "@providesModule" 9 | .*/node_modules/.*/node_modules/fbjs/.* 10 | 11 | ; Ignore duplicate module providers 12 | ; For RN Apps installed via npm, "Libraries" folder is inside 13 | ; "node_modules/react-native" but in the source repo it is in the root 14 | .*/Libraries/react-native/React.js 15 | .*/Libraries/react-native/ReactNative.js 16 | 17 | ; Additional create-react-native-app ignores 18 | 19 | ; Ignore duplicate module providers 20 | .*/node_modules/fbemitter/lib/* 21 | 22 | ; Ignore misbehaving dev-dependencies 23 | .*/node_modules/xdl/build/* 24 | .*/node_modules/reqwest/tests/* 25 | 26 | ; Ignore missing expo-sdk dependencies (temporarily) 27 | ; https://github.com/expo/expo/issues/162 28 | .*/node_modules/expo/src/* 29 | 30 | ; Ignore react-native-fbads dependency of the expo sdk 31 | .*/node_modules/react-native-fbads/* 32 | 33 | [include] 34 | 35 | [libs] 36 | node_modules/react-native/Libraries/react-native/react-native-interface.js 37 | node_modules/react-native/flow 38 | flow/ 39 | 40 | [options] 41 | module.system=haste 42 | 43 | emoji=true 44 | 45 | experimental.strict_type_args=true 46 | 47 | munge_underscores=true 48 | 49 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub' 50 | 51 | suppress_type=$FlowIssue 52 | suppress_type=$FlowFixMe 53 | suppress_type=$FixMe 54 | 55 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\) 56 | suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-2]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+ 57 | suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy 58 | suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError 59 | 60 | unsafe.enable_getters_and_setters=true 61 | 62 | [version] 63 | ^0.42.0 64 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.idea/inspectionProfiles/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.idea/libraries/TutorialProject_node_modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import App from './App'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | it('renders without crashing', () => { 7 | const rendered = renderer.create().toJSON(); 8 | expect(rendered).toBeTruthy(); 9 | }); 10 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "sdkVersion": "17.0.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/images/my_display.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/images/my_display.jpg -------------------------------------------------------------------------------- /React Native tutorial-12-Send GET request and fetch to ListView/code/TutorialProject/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "TutorialProject", 3 | "version": "0.1.0", 4 | "private": true, 5 | "devDependencies": { 6 | "react-native-scripts": "0.0.31", 7 | "jest-expo": "~1.0.1", 8 | "react-test-renderer": "16.0.0-alpha.6" 9 | }, 10 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 11 | "scripts": { 12 | "start": "react-native-scripts start", 13 | "eject": "react-native-scripts eject", 14 | "android": "react-native-scripts android", 15 | "ios": "react-native-scripts ios", 16 | "test": "node node_modules/jest/bin/jest.js --watch" 17 | }, 18 | "jest": { 19 | "preset": "jest-expo" 20 | }, 21 | "dependencies": { 22 | "expo": "^17.0.0", 23 | "react": "16.0.0-alpha.6", 24 | "react-native": "^0.44.0", 25 | "util": "*" 26 | } 27 | } -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-13-Navigating between screens with SlackNavigator/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-13-Navigating between screens with SlackNavigator/code/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sunlight3d/ReactNativeTutorials/39331b3b480dd02574300551bc0cff6cc9940db1/React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.DS_Store -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["babel-preset-expo"], 3 | "env": { 4 | "development": { 5 | "plugins": ["transform-react-jsx-source"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | npm-debug.* 4 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.idea/jsLibraryMappings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.idea/libraries/tutorialproject_node_modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {Text, View } from 'react-native'; 3 | 4 | import { StackNavigator } from 'react-navigation'; 5 | import FirstScreen from './screens/FirstScreen' 6 | import SecondScreen from './screens/SecondScreen' 7 | 8 | const Navigation = StackNavigator({ 9 | First: {screen: FirstScreen}, 10 | Second: {screen: SecondScreen} 11 | }); 12 | 13 | export default Navigation; // Export your root navigator as the root component 14 | 15 | 16 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import App from './App'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | it('renders without crashing', () => { 7 | const rendered = renderer.create().toJSON(); 8 | expect(rendered).toBeTruthy(); 9 | }); 10 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "sdkVersion": "18.0.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tutorialproject", 3 | "version": "0.1.0", 4 | "private": true, 5 | "devDependencies": { 6 | "react-native-scripts": "0.0.40", 7 | "jest-expo": "~18.0.0", 8 | "react-test-renderer": "16.0.0-alpha.12" 9 | }, 10 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 11 | "scripts": { 12 | "start": "react-native-scripts start", 13 | "eject": "react-native-scripts eject", 14 | "android": "react-native-scripts android", 15 | "ios": "react-native-scripts ios", 16 | "test": "node node_modules/jest/bin/jest.js --watch" 17 | }, 18 | "jest": { 19 | "preset": "jest-expo" 20 | }, 21 | "dependencies": { 22 | "expo": "^18.0.3", 23 | "react": "16.0.0-alpha.12", 24 | "react-native": "^0.45.1", 25 | "react-navigation": "^1.0.0-beta.11", 26 | "util": "*" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /React Native tutorial-13-Navigating between screens with SlackNavigator/code/tutorialproject/screens/FirstScreen.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by hoangnd on 6/27/17. 3 | */ 4 | 5 | import React from 'react'; 6 | import {Text, View, Button} from 'react-native'; 7 | const util = require('util'); 8 | 9 | export default class FirstScreen extends React.Component { 10 | static navigationOptions = { 11 | title: 'First screen', 12 | }; 13 | render() { 14 | console.log("this.props.navigation = " + util.inspect(this.props.navigation, false, null)); 15 | var {navigate} = this.props.navigation; 16 | return( 17 | 18 | This is screen 1 19 |