fix: add RTL support to searchbar(#565)

callstack · Nov 5, 2018 · aed0bfd · aed0bfd
1 parent decbedb
commit aed0bfd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/example/src/SearchbarExample.js b/example/src/SearchbarExample.js
@@ -45,7 +45,7 @@ class SearchExample extends React.Component<Props, State> {
           onChangeText={query => this.setState({ secondQuery: query })}
           value={this.state.secondQuery}
           onIconPress={() => this.props.navigation.goBack()}
-          icon="arrow-back"
+          icon={{ source: 'arrow-back', direction: 'auto' }}
           style={styles.searchbar}
         />
         <Searchbar

diff --git a/src/components/Searchbar.js b/src/components/Searchbar.js
@@ -1,7 +1,7 @@
 /* @flow */
 
 import * as React from 'react';
-import { StyleSheet, TextInput } from 'react-native';
+import { StyleSheet, TextInput, I18nManager } from 'react-native';
 
 import color from 'color';
 import IconButton from './IconButton';
@@ -191,6 +191,7 @@ const styles = StyleSheet.create({
     fontSize: 18,
     paddingLeft: 8,
     alignSelf: 'stretch',
+    textAlign: I18nManager.isRTL ? 'right' : 'left',
   },
 });