ios: specify the correct keyboard type and content

This way autocomplete and keyboards work correctly.

react/features/settings/components/native/SettingsView.js

@@ -160,6 +160,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
                             autoCorrect = { false }
                             onChangeText = { this._onChangeDisplayName }
                             placeholder = 'John Doe'
+                            textContentType = { 'name' } // iOS only
                             value = { displayName } />
                     </FormRow>
                     <FormRow
@@ -171,6 +172,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
                             keyboardType = { 'email-address' }
                             onChangeText = { this._onChangeEmail }
                             placeholder = 'email@example.com'
+                            textContentType = { 'emailAddress' } // iOS only
                             value = { email } />
                     </FormRow>
                     <FormSectionHeader
@@ -183,9 +185,11 @@ class SettingsView extends AbstractSettingsView<Props, State> {
                             autoCapitalize = 'none'
                             autoCorrect = { false }
                             editable = { this.props._serverURLChangeEnabled }
+                            keyboardType = { 'url' }
                             onBlur = { this._onBlurServerURL }
                             onChangeText = { this._onChangeServerURL }
                             placeholder = { this.props._serverURL }
+                            textContentType = { 'URL' } // iOS only
                             value = { serverURL } />
                     </FormRow>
                     <FormRow
@@ -205,12 +209,12 @@ class SettingsView extends AbstractSettingsView<Props, State> {
                     <FormRow
                         label = 'settingsView.version'>
                         <Text>
-                            { `${AppInfo.version} build ${AppInfo.buildNumber}` }
+                            {`${AppInfo.version} build ${AppInfo.buildNumber}`}
                         </Text>
                     </FormRow>
                     <FormSectionHeader
                         label = 'settingsView.advanced' />
-                    { this._renderAdvancedSettings() }
+                    {this._renderAdvancedSettings()}
                 </ScrollView>
             </JitsiModal>
         );