docs: update README.md

AstrOOnauta · Feb 5, 2023 · c5c6ec6 · c5c6ec6
1 parent e450a9c
commit c5c6ec6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -215,7 +215,11 @@ export default function App() {
   />
 ```
 
-### containerStyle + inputStyle:
+### Custom Lib Styles:
+
+<div>
+  <img src="https://github.com/AstrOOnauta/react-native-international-phone-number/blob/master/images/custom-styles.png">
+</div>
 
 ```jsx
   <PhoneInput
@@ -230,6 +234,12 @@ export default function App() {
       borderColor: '#F3F3F3',
       marginVertical: 16,
     }}
+    flagContainerStyle={{
+      borderTopLeftRadius: 7,
+      borderBottomLeftRadius: 7,
+      backgroundColor: '#808080',
+      justifyContent: 'center',
+    }}
   />
 ```
 
@@ -238,7 +248,8 @@ export default function App() {
 - `value?`: string
 - `onChangeText?`: (text: string) => void
 - `containerStyle?`: StyleProp<ViewStyle>
-- `inputStyle?`: StyleProp<ViewStyle>
+- `flagContainerStyle?`: StyleProp<ViewStyle>
+- `inputStyle?`: StyleProp<InputStyle>
 - `withDarkTheme?`: boolean
 - `disabled?`: boolean
 - `placeholder?`: string

diff --git a/images/custom-styles.png b/images/custom-styles.png