Skip to content

Commit d8df9e4

Browse files
committed
update: readme colorful
1 parent f76e408 commit d8df9e4

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

README.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,26 +40,30 @@ yarn add react-navigation-tabbar-collection
4040
<img alt="ColorfulTabBar Dark Mode" height="150" src="https://raw.githubusercontent.com/mikalyh/react-navigation-tabbar-collection/master/preview/colorful_dark.gif" />
4141

4242
```js
43+
import React from 'react';
44+
import { NavigationContainer } from '@react-navigation/native';
45+
import { createNativeStackNavigator } from '@react-navigation/native-stack';
46+
4347
//Import the TabBar
4448
import { ColorfulTabBar } from 'react-navigation-tabbar-collection';
4549

46-
//Your Code ....
50+
const Tab = createBottomTabNavigator();
4751

4852
const App = () => {
4953
return (
5054
<NavigationContainer>
5155
<Tab.Navigator
5256
tabBar={(props) => <ColorfulTabBar {...props} />} //<- Add Here
5357
>
54-
// Your Screens Here ~
58+
{/* Your Screens Here ~ */}
5559
</Tab.Navigator>
5660
</NavigatorContainer>
5761
)
5862
}
5963
```
6064

6165
<details>
62-
<summary>Colorful TabBar Usage Example</summary>
66+
<summary>Example</summary>
6367

6468
```js
6569
import React from 'react';

0 commit comments

Comments
 (0)