Fix UI issues. reivewed by redding.

:

@@ -78,7 +78,9 @@ export default class Posting extends Component {
                 // 收起输入区时，content text input的高度要减去当前键盘高度
                 // 收起输入区时，content text input的高度要减去当前键盘高度
                 contentInputHeightWhileFocusing = contentInputHeight - kbdHeight;
                 contentInputHeightWhileFocusing = contentInputHeight - kbdHeight;
             }
             }
-
+            if (kbdHeight>0) {
+                this.setState({showImagePicker: false});
+            }
             this.animatedContentInputToHeight(contentInputHeightWhileFocusing, event.duration);
             this.animatedContentInputToHeight(contentInputHeightWhileFocusing, event.duration);
         });
         });
 
 

@@ -122,7 +122,7 @@ const styles = StyleSheet.create({
         paddingTop: 3,
         paddingTop: 3,
         marginRight: 10,
         marginRight: 10,
         marginTop: 10,
         marginTop: 10,
-        backgroundColor: '#e0e0e0',
+        backgroundColor: '#f2f2f2',
     },
     },
     imageCountText: {
     imageCountText: {
         alignItems: 'center',
         alignItems: 'center',

@@ -41,7 +41,7 @@ export default class SectionSelector extends Component {
         return (
         return (
             <View style={styles.container}>
             <View style={styles.container}>
                 {sections.map((item, i) => {
                 {sections.map((item, i) => {
-                    let backgroundColor = item.forumName === this.props.selectedSectionName ? '#cccccc' : 'white';
+                    let backgroundColor = item.forumName === this.props.selectedSectionName ? '#f2f2f2' : 'white';
                     return (
                     return (
                         <Text
                         <Text
                             key={i}
                             key={i}
@@ -77,7 +77,7 @@ const styles = StyleSheet.create({
         paddingTop: 3,
         paddingTop: 3,
         // minWidth: Math.ceil((width - 45) / 3),
         // minWidth: Math.ceil((width - 45) / 3),
         width:((width - 45) / 3),
         width:((width - 45) / 3),
-        borderColor: '#a0a0a0',
+        borderColor: '#f2f2f2',
         marginBottom: 10,
         marginBottom: 10,
         backgroundColor: '#f2f2f2',
         backgroundColor: '#f2f2f2',
         borderWidth: 0.5,
         borderWidth: 0.5,

@@ -50,7 +50,7 @@ export default class SPHeaderCell extends Component {
 const styles = StyleSheet.create({
 const styles = StyleSheet.create({
     container: {
     container: {
         flexDirection: 'column',
         flexDirection: 'column',
-        paddingTop: 10,
+        paddingTop: 15,
         backgroundColor: 'white',
         backgroundColor: 'white',
         marginLeft: 15,
         marginLeft: 15,
         marginRight: 15,
         marginRight: 15,

@@ -85,7 +85,7 @@ let lineWidth = width - 30;
 let styles = StyleSheet.create({
 let styles = StyleSheet.create({
     container: {
     container: {
         backgroundColor: 'white',
         backgroundColor: 'white',
-        height: 50,
+        height: 51,
         flexDirection: 'row',
         flexDirection: 'row',
         justifyContent: 'space-between',
         justifyContent: 'space-between',
         flex: 1,
         flex: 1,

@@ -91,6 +91,5 @@ const styles = StyleSheet.create({
         width:320,
         width:320,
         height: 320,
         height: 320,
         marginTop: 10,
         marginTop: 10,
-        top: 10,
     },
     },
 });
 });