[RN] Assorted hintbox fixes

* Align hint box text to center

* Fix disappearing hint box on android

react/features/welcome/components/PagedList.android.js

@@ -51,7 +51,6 @@ export default class PagedList extends AbstractPagedList {
                 ] }>
                 <ViewPagerAndroid
                     initialPage = { DEFAULT_PAGE }
-                    keyboardDismissMode = 'on-drag'
                     onPageSelected = { this._onPageSelected }
                     peekEnabled = { true }
                     ref = { this._setPagerReference }
@@ -67,6 +66,7 @@ export default class PagedList extends AbstractPagedList {
                 </ViewPagerAndroid>
                 <View style = { styles.pageIndicatorContainer }>
                     <TouchableOpacity
+                        disabled = { disabled }
                         onPress = { this._onSelectPage(0) }
                         style = { styles.pageIndicator } >
                         <View style = { styles.pageIndicator }>
@@ -86,6 +86,7 @@ export default class PagedList extends AbstractPagedList {
                         </View>
                     </TouchableOpacity>
                     <TouchableOpacity
+                        disabled = { disabled }
                         onPress = { this._onSelectPage(1) }
                         style = { styles.pageIndicator } >
                         <View style = { styles.pageIndicator }>

react/features/welcome/components/WelcomePage.native.js

@@ -48,6 +48,7 @@ class WelcomePage extends AbstractWelcomePage {
     constructor(props) {
         super(props);
 
+        this.state._fieldFocused = false;
         this.state.hintBoxAnimation = new Animated.Value(0);
 
         // Bind event handlers so they are only bound once per instance.
@@ -230,7 +231,7 @@ class WelcomePage extends AbstractWelcomePage {
             return (
                 <Animated.View style = { this._getHintBoxStyle() }>
                     <View style = { styles.hintTextContainer } >
-                        <Text>
+                        <Text style = { styles.hintText }>
                             { t('welcomepage.roomnameHint') }
                         </Text>
                     </View>

react/features/welcome/components/styles.js

@@ -114,6 +114,13 @@ export default createStyleSheet({
         paddingVertical: 2 * BoxModel.padding
     },
 
+    /**
+     * The text of the hint box.
+     */
+    hintText: {
+        textAlign: 'center'
+    },
+
     /**
      * Container for the text on the hint box.
      */