修改

Author: z50902677

android/app/build.gradle

@@ -129,6 +129,7 @@ dependencies {
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
     compile "com.facebook.react:react-native:+"  // From node_modules
+    compile project(':react-native-image-picker')
 }
 
 // Run this once to be able to run the application with BUCK

android/app/src/main/AndroidManifest.xml

@@ -5,6 +5,10 @@
 
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+    <uses-feature android:name="android.hardware.camera" android:required="false"/>
+    <uses-feature android:name="android.hardware.camera.autofocus" android:required="false"/>
 
     <uses-sdk
         android:minSdkVersion="16"

android/app/src/main/java/com/wechatarticle/MainApplication.java

@@ -8,6 +8,7 @@
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.shell.MainReactPackage;
+import com.imagepicker.ImagePickerPackage;
 
 import java.util.Arrays;
 import java.util.List;
@@ -23,7 +24,8 @@ protected boolean getUseDeveloperSupport() {
     @Override
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
-          new MainReactPackage()
+          new MainReactPackage(),
+          new ImagePickerPackage()
       );
     }
   };

android/settings.gradle

@@ -1,3 +1,5 @@
 rootProject.name = 'wechatArticle'
 
 include ':app'
+include ':react-native-image-picker'
+project(':react-native-image-picker').projectDir = new File(settingsDir, '../node_modules/react-native-image-picker/android')

package.json

@@ -10,6 +10,7 @@
     "react": "15.2.1",
     "react-native": "0.30.0",
     "react-native-button": "^1.6.0",
+    "react-native-image-picker": "^0.21.4",
     "react-native-refreshable-listview": "^1.3.0",
     "react-native-router-flux": "^3.31.2",
     "react-native-swipeout": "^2.0.12",

src/constants/appConfig.js

@@ -1,5 +1,5 @@
 const appConfig = {
-    serviceRoot: 'http://172.23.61.142:3000/'
+    serviceRoot: 'http://172.23.61.111:3000/'
 };
 
 export default appConfig;

src/containers/android/ListView.js

@@ -44,7 +44,7 @@ class listView extends Component {
     componentWillReceiveProps(nextProps) {
         this.setState({
         });
-    }
+    }re
 
     componentWillMount() {
         //控件加载的时候先发起服务请求

src/containers/android/app.js

@@ -8,6 +8,7 @@ import { Provider, connect } from 'react-redux';
 import { Router, Scene, Modal } from 'react-native-router-flux';
 import login from './../../containers/android/Login';
 import ListView from './../../containers/android/ListView';
+import ImagePicker from './../../containers/android/ImagePicker';
 import main from './../../components/android/Main';
 import routeReducerCreator from './../../reducers/routeReducerCreator';
 import helper from './../../utils/helper'
@@ -26,7 +27,7 @@ class App extends React.Component {
                     <Scene key="modal" component={Modal}>
                         <Scene key="root" hideNavBar hideTabBar>
                             <Scene key="loginModule" direction="vertical" initial={true}>
-                                <Scene key="login" component={login} title="Login"
+                                <Scene key="login" component={ImagePicker} title="Login"
                                        hideNavBar/>
                             </Scene>
                             <Scene key="main" direction="vertical" component={main} title="Main"