app 1.0.0 完成

.gitignore

@@ -32,3 +32,5 @@ local.properties
 #
 node_modules/
 npm-debug.log
+
+*.jks

android/app/build.gradle

@@ -90,6 +90,14 @@ android {
             abiFilters "armeabi-v7a", "x86"
         }
     }
+    signingConfigs {
+       release {
+           storeFile file(MYAPP_RELEASE_STORE_FILE)
+           storePassword MYAPP_RELEASE_STORE_PASSWORD
+           keyAlias MYAPP_RELEASE_KEY_ALIAS
+           keyPassword MYAPP_RELEASE_KEY_PASSWORD
+       }
+    }
     splits {
         abi {
             reset()
@@ -102,6 +110,7 @@ android {
         release {
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+            signingConfig signingConfigs.release
         }
     }
     // applicationVariants are e.g. debug, release

android/app/src/main/res/values/strings.xml

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">rn_rank</string>
+    <string name="app_name">干货分享</string>
 </resources>

android/gradle.properties

@@ -18,3 +18,7 @@
 # org.gradle.parallel=true
 
 android.useDeprecatedNdk=true
+MYAPP_RELEASE_STORE_FILE=key.jks
+MYAPP_RELEASE_KEY_ALIAS=key_alias
+MYAPP_RELEASE_STORE_PASSWORD=123456
+MYAPP_RELEASE_KEY_PASSWORD=123456

app/actions/beauty.js

@@ -1,8 +1,9 @@
 import * as types from '../constants/ActionTypes';
 
 export function fetchBeauty(index = 1) {
+	let page = Math.floor(Math.random()*19+1)
 	return dispatch => {
-		let URL = `http://gank.io/api/random/data/福利/20`;
+		let URL = `http://gank.io/api/data/福利/12/${page}`;
 		console.log(URL);
     fetch(URL).then(response => response.json())
       .then(responseData => {

app/containers/AboutCmp.js

@@ -0,0 +1,96 @@
+import React, {
+    View,
+    Text,
+    Image,
+    WebView,
+    ScrollView,
+    TouchableOpacity,
+    TouchableHighlight,
+    ProgressBarAndroid,
+    Linking,
+    Dimensions,
+    StyleSheet,
+    Animated,
+    Easing,
+} from 'react-native';
+
+
+class AboutCmp extends React.Component {
+
+    constructor(props) {
+        super(props);
+        const {navigator} = this.props;
+    }
+
+
+
+    _onBackClick(navigator){
+
+      if(navigator) {
+          navigator.pop();
+        }
+    }
+
+
+    _onLinkClick(url){
+      Linking.openURL(url).catch(err => console.error('An error occurred', err));
+    }
+
+
+    render() {
+      const {navigator} = this.props;
+      return (
+              <View style={{flex :1}}>
+                <View style = {styles.headerBar}>
+                  <TouchableHighlight underlayColor="rgba(34, 26, 38, 0.1)" onPress={()=>this._onBackClick(navigator)}>
+                    <Image style = {styles.iconImage} source = {require('../../images/icon_back.png')}></Image>
+                  </TouchableHighlight>
+                  <Text style = {styles.headerText}>关于</Text>
+                </View>
+                <Image style={{alignSelf:'center',margin:40}} source = {require('../../images/ic_app.png')}></Image>
+                <Text style={{alignSelf:'center',marginTop:-38,color:'#9c9c9c'}}>干货分享1.0.0</Text>
+                <Text style={{alignSelf:'center',fontSize:18,margin:6}}>每日提供技术干货的App。</Text>
+                <Text style={{alignSelf:'center',fontSize:14,margin:6}}>本App中所有数据均来自
+                  <Text onPress={()=>this._onLinkClick('http://gank.io')}
+                   style={{color:'#9c9c9c',fontSize:14,margin:6}}>@干货集中营。</Text>
+                </Text>
+                <Text style={{alignSelf:'center',fontSize:14,margin:6}} >作者：陈忠杰 杭州 328197444</Text>
+                <Text style={{alignSelf:'center',fontSize:14,margin:6,color:'blue',}} onPress={()=>this._onLinkClick('mailto:czjchn@163.com')} >e-mail:czjchn@163.com</Text>
+                <Text style={{alignSelf:'center',fontSize:14,color:'blue',margin:6}} onPress={()=>this._onLinkClick('https://github.com/zhongjie-chen')} >
+                @Github</Text>
+                <Text style={{alignSelf:'center',fontSize:14,color:'blue',margin:6}}  onPress={()=>this._onLinkClick('https://github.com/zhongjie-chen/rn_rank')} >
+                @该项目开源地址</Text>
+                <Text style={{alignSelf:'center',fontSize:14,margin:6}} >感谢
+                <Text onPress={()=>this._onLinkClick('https://github.com/facebook/react-native')}
+                 style={{color:'#9c9c9c',fontSize:14,margin:6}}>@React-native</Text>
+                <Text onPress={()=>this._onLinkClick('http://toutiao.io/')}
+                  style={{color:'#9c9c9c',fontSize:14,margin:6}}>@开发者头条</Text>
+                <Text onPress={()=>this._onLinkClick('https://github.com/attentiveness/reading')}
+                   style={{color:'#9c9c9c',fontSize:14,margin:6}}>@reading</Text>
+
+
+                </Text>
+              </View>
+      );
+    }
+}
+let {height, width} = Dimensions.get('window');
+const styles = StyleSheet.create({
+  iconImage: {
+    height: 30,
+    margin: 4,
+    width: 30
+  },
+  headerBar: {
+    backgroundColor: '#27B5EE',
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 10
+  },
+  headerText: {
+    fontSize: 22,
+    color: 'white',
+    marginLeft: 10
+  }
+});
+export { AboutCmp as default}