Skip to content

Commit 791adc5

Browse files
committed
README is updated
1 parent a89c763 commit 791adc5

1 file changed

Lines changed: 35 additions & 2 deletions

File tree

README.md

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,41 @@ npm i @freakycoder/react-native-header-view
9696

9797
### Configuration - Props
9898

99-
#### Classic Header
100-
99+
#### Modern Header Props
100+
101+
102+
leftIconComponent,
103+
rightIconComponent,
104+
leftIconOnPress,
105+
rightIconOnPress,
106+
rightDisable,
107+
leftDisable
108+
109+
110+
| Property | Type | Default | Description |
111+
| ------------------ | :-------: | :------------: | --------------------------------------------------------------- |
112+
| styles | styles | styles | use this to change main style of the header |
113+
| text | string | "Header Title" | set the header's title |
114+
| textStyle | style | style | set your own style for the header's text |
115+
| left | number | 16 | use this to set left icon's align |
116+
| right | number | 16 | use this to set right icon's align |
117+
| leftIconName | string | ios-arrow-back | change the left icon depends on the React Native Vector Icons |
118+
| leftIconType | string | Ionicons | change the left icon's type |
119+
| leftIconSize | number | 25 | change the left icon's size |
120+
| leftIconColor | color | #bbbabe | change the left icon's color |
121+
| rightIconName | string | heart | change the right icon depends on the React Native Vector Icons |
122+
| rightIconType | string | Entypo | change the right icon's type |
123+
| rightIconSize | number | 25 | change the right icon's size |
124+
| rightIconColor | color | #23c4c1 | change the right icon's color |
125+
| leftIconComponent | component | Icon | use your own component instead of the integrated Icon component |
126+
| rightIconComponent | component | Icon | use your own component instead of the integrated Icon component |
127+
| leftIconOnPress | function | function | set the function for left icon's onPress |
128+
| rightIconOnPress | function | function | set the function for right icon's onPress |
129+
| leftDisable | boolean | false | disable the left icon component |
130+
| rightDisable | boolean | false | disable the right icon component |
131+
132+
133+
#### Classic Header Props
101134

102135
| Property | Type | Default | Description |
103136
| --------------------- | :-------: | :--------: | ---------------------------------------------------------------------------- |

0 commit comments

Comments
 (0)