v1.5 发布版

1. 添加了网络图片加载指示器
2. 为通知模块增加了入场动画
3. 为日记模块增加了入场动画
4. 为个人模块增加了入场动画
5. 为登录页面增加了入场动画
6. 为注册页面增加了入场动画
7. 为匹配页、设置页、Partner页面等等页面都增加了入场动画
8. 添加了一个欢迎页
9. 修复了右滑手势退出到登录页的BUG

ios/twolife/Info.plist

@@ -17,7 +17,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.4</string>
+	<string>1.5</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
@@ -26,6 +26,8 @@
 	<true/>
 	<key>NSAppTransportSecurity</key>
 	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
 		<key>NSExceptionDomains</key>
 		<dict>
 			<key>localhost</key>
@@ -34,11 +36,13 @@
 				<true/>
 			</dict>
 		</dict>
-		<key>NSAllowsArbitraryLoads</key>
-		<true/>
 	</dict>
+	<key>NSCameraUsageDescription</key>
+	<string>双生请求调用您的相机权限，以便上传图片</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
 	<string></string>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>双生请求调用您的相册权限，以便上传图片</string>
 	<key>UIAppFonts</key>
 	<array>
 		<string>Entypo.ttf</string>
@@ -66,9 +70,5 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
-	<key>NSPhotoLibraryUsageDescription</key>
-	<string>双生请求调用您的相册权限，以便上传图片</string>
-	<key>NSCameraUsageDescription</key>
-	<string>双生请求调用您的相机权限，以便上传图片</string>
 </dict>
 </plist>

package.json

@@ -13,6 +13,7 @@
     "react": "16.0.0-alpha.6",
     "react-native": "0.43.2",
     "react-native-action-button": "^2.6.9",
+    "react-native-animatable": "^1.2.2",
     "react-native-calendars": "1.2.21",
     "react-native-image-picker": "^0.26.3",
     "react-native-image-progress": "^0.6.0",

src/common/AlertBox.js

@@ -1,13 +1,13 @@
 import React, { Component } from 'react';
 import {
     Modal,
-    Text,
     TouchableHighlight,
-    View ,
     StyleSheet,
     BackAndroid,
     Image
 } from 'react-native';
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import TextPingFang from './TextPingFang';
 
 let Dimensions = require('Dimensions');
@@ -56,14 +56,13 @@ export default class AlertBox extends Component {
                 {this.props._dialogContent}
               </Text>
             </View>
-            <View style={styles.dialogUpBtnView}>
+            <View style={styles.dialogUpBtnView} animation="rubberBand">
               <TouchableHighlight style={styles.dialogBtnViewItem} onPress={this.props._dialogLeftBtnAction}>
                 <Text style={styles.rightButton}>
                   {this.props._dialogRightBtnTitle}
                 </Text>
               </TouchableHighlight>
              </View>
-
           </View>
         </View>
       </Modal>

src/pages/AgendaScreen.js

@@ -1,16 +1,18 @@
 import React, { Component } from 'react';
 import {
-  Text,
-  View,
   StyleSheet,
   Image,
   TouchableOpacity,
   Dimensions,
   Navigator,
   AsyncStorage,
-  DeviceEventEmitter
+  DeviceEventEmitter,
+  TouchableWithoutFeedback
 } from 'react-native';
 import {Agenda} from 'react-native-calendars';
+import * as Animatable from 'react-native-animatable';
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import ItemPage from './ItemPage';
 import CommonNav from '../common/CommonNav';
 import NavigationBar from "../common/NavigationBar";
@@ -37,7 +39,7 @@ export default class AgendaScreen extends Component {
     var nowtimestamp = new Date().getTime();
     var nowtime = this.timeToString(nowtimestamp);
     return (
-      <View style={styles.container}>
+      <View style={styles.container} animation="fadeIn">
         <NavigationBar 
           title={"日记"}
           leftButton={
@@ -186,9 +188,12 @@ export default class AgendaScreen extends Component {
             title: item.title, 
             content: item.content,
             user: this.state.user
-          })
+          });
         }}>
-        <View style={[item.male=='male'?styles.item_male:styles.item_female, {height: item.height}]}>
+        <View 
+          animation="bounceInRight"
+          delay={100}
+          style={[item.male=='male'?styles.item_male:styles.item_female, {height: item.height}]}>
           <TextPingFang style={item.male=='male'?styles.font_male_title:styles.font_female_title}>
             {item.title}
           </TextPingFang>

src/pages/ConnectPage.js

@@ -1,8 +1,6 @@
 import React, { Component } from 'react';
 import {
   StyleSheet,
-  Text,
-  View,
   Image,
   Navigator,
   Dimensions,
@@ -12,6 +10,8 @@ import {
   DeviceEventEmitter,
   AsyncStorage
 } from 'react-native';
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import CommonNav from '../common/CommonNav';
 import TextPingFang from '../common/TextPingFang';
 import {HOST} from '../util/config';
@@ -126,24 +126,26 @@ export default class ConnectPage extends Component {
         <Text style={styles.title}>"Oh - Uh"</Text>
         <TextPingFang style={styles.e_title}>快点匹配自己的另一半吧~</TextPingFang>
         <TouchableOpacity
-          style={styles.online_login}
-          onPress={()=>{
-            this.connectByRandom();
-          }}>
-          <Text
-            style={styles.online_font}>
-            随机匹配
-          </Text>
+            onPress={()=>{
+              this.connectByRandom();
+            }}>
+          <View style={styles.online_login} delay={100} animation="bounceInRight">
+            <Text
+              style={styles.online_font}>
+              随机匹配
+            </Text>
+          </View>
         </TouchableOpacity>
         <TouchableOpacity 
-          style={styles.online_register}
-          onPress={()=>{
-            this.connectById();
-          }}>
-          <Text 
-            style={styles.online_font}>
-            定点匹配
-          </Text>
+            onPress={()=>{
+              this.connectById();
+            }}>
+          <View style={styles.online_register} delay={150} animation="bounceInRight">          
+            <Text 
+              style={styles.online_font}>
+              定点匹配
+            </Text>
+          </View>
         </TouchableOpacity>
       </View>
     );

src/pages/CreateNotePage.js

@@ -1,7 +1,5 @@
 import React, {Component} from "react";
 import {
-  View,
-  Text,
   TextInput,
   StyleSheet,
   Dimensions,
@@ -10,9 +8,11 @@ import {
   DeviceEventEmitter,
   TouchableOpacity,
   Image,
-  ActivityIndicator
+  ActivityIndicator,
 } from "react-native";
 import ImagePicker from 'react-native-image-picker';
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import RightButtonNav from "../common/RightButtonNav";
 import HttpUtils from "../util/HttpUtils";
 import {HOST, QINIU_UPHOST} from '../util/config';
@@ -144,7 +144,7 @@ export default class CreateNotePage extends Component {
           this.props.navigator.pop();
         }}
         />
-      <TouchableOpacity
+      {/*<TouchableOpacity
         onPress={()=>{
           ImagePicker.showImagePicker(options, (response) => {
             console.log('Response = ', response);
@@ -174,7 +174,7 @@ export default class CreateNotePage extends Component {
           size="small"
           hidesWhenStopped={true}
         />
-      </TouchableOpacity>
+      </TouchableOpacity>*/}
       <TextInput
         underlineColorAndroid='transparent'
         placeholder={"请输入日记标题"}

src/pages/FeedBackPage.js

@@ -1,13 +1,13 @@
 import React, {Component} from "react";
 import {
-  View,
-  Text,
   TextInput,
   StyleSheet,
   Dimensions,
   AsyncStorage,
   Alert
 } from "react-native";
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import RightButtonNav from "../common/RightButtonNav";
 import HttpUtils from "../util/HttpUtils";
 import {HOST} from '../util/config';

src/pages/ItemPage.js

@@ -1,15 +1,15 @@
 import React, { Component } from 'react';
 import {
   StyleSheet,
-  Text,
-  View,
   Image,
   Navigator,
   Dimensions,
   TouchableOpacity,
   Alert,
   DeviceEventEmitter
 } from 'react-native';
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import CommonNav from "../common/CommonNav";
 import {HOST} from '../util/config';
 import TextPingFang from '../common/TextPingFang';

src/pages/LoginPage.js

@@ -1,8 +1,6 @@
 import React, { Component } from 'react';
 import {
-  View,
   StyleSheet,
-  Text,
   Navigator,
   TouchableOpacity,
   Image,
@@ -12,6 +10,9 @@ import {
   Alert,
   AsyncStorage
 } from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import { createAnimatableComponent, View, Text } from 'react-native-animatable';
+
 import NavigationBar from '../common/NavigationBar';
 import TextPingFang from "../common/TextPingFang";
 import HomeScreen from './HomeScreen';
@@ -140,14 +141,14 @@ export default class LoginPage extends Component {
   }
   render() {
     return (
-      <View style={styles.container}>
+      <View style={styles.container} animation="fadeIn">
       <Image style={styles.bg} source={require("../../res/images/welcome_bg.png")}>
         <Image style={styles.logo} source={require("../../res/images/ilo.png")}/>
         <View style={styles.text}>
           <TextPingFang style={styles.title}>双生</TextPingFang>
             <TextPingFang style={styles.e_title}>今夕何夕 见此良人</TextPingFang>
         </View>
-        <View style={styles.form}>
+        <View style={styles.form} animation="zoomIn" delay={100}>
             <TextInput
               underlineColorAndroid='transparent' 
               placeholder={"请输入您的手机号"}
@@ -171,27 +172,30 @@ export default class LoginPage extends Component {
             <Text style={styles.remind}>很高兴 遇见你 ：）</Text>
 
           </View>
-        <TouchableOpacity 
-          style={styles.online_login}
-          onPress={()=>{
-            this.onSubmit();
-          }}>
-          <Text 
-            style={styles.online_font}>
-            登录
-          </Text>
-        </TouchableOpacity>
+          <TouchableOpacity style={styles.online_login}
+            onPress={()=>{
+              this.onSubmit();
+            }}> 
+            <View animation="zoomIn" delay={100}>
+              <Text 
+                style={styles.online_font}>
+                登录
+              </Text>
+            </View>
+          </TouchableOpacity>
         <TouchableOpacity 
           style={styles.online_register}
           onPress={()=>{
             this.props.navigator.resetTo({
               component: RegisterPage
             })
           }}>
+        <View animation="zoomIn" delay={100}>   
           <Text 
             style={styles.online_font}>
             注册
           </Text>
+        </View>
         </TouchableOpacity>
       </Image>
       </View>

src/pages/NotificationsPage.js

@@ -13,6 +13,8 @@ import {
   ListView,
   ActivityIndicatorIOS
 } from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import { createAnimatableComponent} from 'react-native-animatable';
 
 import NavigationBar from '../common/NavigationBar';
 import TextPingFang from '../common/TextPingFang';
@@ -25,6 +27,8 @@ const WIDTH = Dimensions.get("window").width;
 const INNERWIDTH = WIDTH - 16;
 const HEIGHT = Dimensions.get("window").height;
 
+const AnimatableListView = createAnimatableComponent(ListView);
+
 const URL = HOST + 'users/show_notification';
 
 export default class NotificationsPage extends Component {
@@ -91,9 +95,13 @@ export default class NotificationsPage extends Component {
             title={"通知"}
             navigator={this.props.navigator}
           />
-          <ListView
+          <AnimatableListView
+            duration={1000}
+            animation="bounceInUp"
+            delay={50}
             dataSource={this.state.dataSource}
             renderRow={this.renderNotificationsList}
+            removeClippedSubviews={false}
             style={styles.listView}
           />
         </View>