Skip to content

Commit 0bd3eae

Browse files
committed
update: readme fix engrish
1 parent ec4b773 commit 0bd3eae

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

README.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,20 @@
22

33
[![License MIT](https://camo.githubusercontent.com/ceac32a7f01f2671581ada837403b74524de9120dca1ef517bd803b6beb717f6/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f40676f72686f6d2f616e696d617465642d7461626261723f7374796c653d666c61742d737175617265)]()
44

5-
Collection of Animated **60 FPS** TabBar Component's based on `React Navigation`.
5+
Collection of Animated **60 FPS** TabBar Components based on `React Navigation`.
66

77
## Features
88

99
- **60 FPS** Animation
10-
- Beautiful TabBar Component's
10+
- Beautiful TabBar Components
1111
- Based on `React Navigation` **v5** or higher
1212
- Easy to use
13-
- Dark Mode Supported
14-
- Many Beautiful TabBar's will be **added** into the collection in the **future**
13+
- Dark Mode Support
14+
- Many Beautiful TabBars will be **added** into the collection in the **future**
1515

1616
## Installation
1717

18-
> This TabBar Collection based on `@react-navigation/bottom-tabs` and require `React Navigation v5 or higher` so first thing first you must install [@react-navigation/native](https://reactnavigation.org/docs/getting-started/) and [@react-navigation/bottom-tabs](https://reactnavigation.org/docs/tab-based-navigation/) in your project.
18+
> This TabBar Collection is based on `@react-navigation/bottom-tabs` and require `React Navigation v5 or higher` so first thing first you must install [@react-navigation/native](https://reactnavigation.org/docs/getting-started/) and [@react-navigation/bottom-tabs](https://reactnavigation.org/docs/tab-based-navigation/) in your project.
1919
2020
##### via NPM
2121

@@ -31,9 +31,9 @@ yarn add react-navigation-tabbar-collection
3131

3232
## TabBar Collection
3333

34-
### Colorful
34+
### Colorful TabBar
3535

36-
> This TabBar is inspired by [Aurélien Salomon](https://dribbble.com/aureliensalomon) works on [Dribbble](https://dribbble.com/shots/5925052-Google-Bottom-Bar-Navigation-Pattern-Mobile-UX-Design).
36+
> This TabBar is inspired by [Aurélien Salomon](https://dribbble.com/aureliensalomon)'s works on [Dribbble](https://dribbble.com/shots/5925052-Google-Bottom-Bar-Navigation-Pattern-Mobile-UX-Design).
3737
3838
<img alt="ColorfulTabBar Light Mode" height="150" src="https://raw.githubusercontent.com/mikalyh/react-navigation-tabbar-collection/master/preview/colorful_light.gif" />
3939

@@ -156,9 +156,9 @@ const styles = StyleSheet.create({
156156

157157
</details>
158158

159-
### Clean
159+
### Clean TabBar
160160

161-
> This TabBar is inspired by [Cuberto](https://dribbble.com/cuberto) works on [Dribbble](https://dribbble.com/shots/5605168-Toolbar-icons-animation).
161+
> This TabBar is inspired by [Cuberto](https://dribbble.com/cuberto)'s works on [Dribbble](https://dribbble.com/shots/5605168-Toolbar-icons-animation).
162162
163163
<img alt="CleanTabBar Light Mode" height="150" src="https://raw.githubusercontent.com/mikalyh/react-navigation-tabbar-collection/master/preview/clean_light.gif" />
164164

@@ -310,13 +310,13 @@ const styles = StyleSheet.create({
310310
311311
## Screen Options
312312

313-
Some of this options are from the default React Navigation `options` or `screenOptions` and some are `new` that can be use to configure the TabBar Item.
313+
These options came from React Navigation `options` or `screenOptions` with additional new options to configure the TabBar Item.
314314
| Name | Description | Type |
315315
| ---- | ----------- | ---- |
316316
| `title`, `label` or `tabBarLabel` | Title string of a tab displayed in the tab bar. | string |
317317
| `labelStyle` or `tabBarLabelStyle` | Style object for the tab label. | StyleProp |
318-
| `icon` or `tabBarIcon` | A function that given `{ focused: boolean, color: string } returns a React.Node` to display in the tab bar | ({focused: boolean, color: string, size: number}) => void |
319-
| `color` or `tabBarActiveTintColor` | Color for the icon and label in the active tab. enum options are from the colorPalette `primary`, `secondary`, `success`, `danger`,`warning`,`info`, `light`, `dark`. or just a string of `hex` | enum \| string |
318+
| `icon` or `tabBarIcon` | Function that is given the `focused` state, `color`, and `size` params. | ({focused: boolean, color: string, size: number}) => void |
319+
| `color` or `tabBarActiveTintColor` | Color for the icon and label in the active tab. enum options are from the colorPalette `primary`, `secondary`, `success`, `danger`, `warning`, `info`, `light`, `dark`. or just a string of `hex` | enum \| string |
320320
| `tabBarTestID` | ID to locate this tab button in tests. | string |
321321

322322
## Author
@@ -335,7 +335,7 @@ MIT
335335

336336
- Animated (React Native)
337337

338-
## Requirement's
338+
## Requirements
339339

340340
| Name | Version |
341341
| --------------------------------------------------------------------------------------- | ------- |

0 commit comments

Comments
 (0)