Skip to content

Commit 6ba3ed4

Browse files
committed
update: readme clean
1 parent d8df9e4 commit 6ba3ed4

File tree

1 file changed

+13
-8
lines changed

1 file changed

+13
-8
lines changed

README.md

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -40,15 +40,8 @@ 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-
47-
//Import the TabBar
4843
import { ColorfulTabBar } from 'react-navigation-tabbar-collection';
4944

50-
const Tab = createBottomTabNavigator();
51-
5245
const App = () => {
5346
return (
5447
<NavigationContainer>
@@ -173,10 +166,22 @@ const styles = StyleSheet.create({
173166

174167
```js
175168
import { CleanTabBar } from 'react-navigation-tabbar-collection';
169+
170+
const App = () => {
171+
return (
172+
<NavigationContainer>
173+
<Tab.Navigator
174+
tabBar={(props) => <CleanTabBar {...props} />} //<- Add Here
175+
>
176+
{/* Your Screens Here ~ */}
177+
</Tab.Navigator>
178+
</NavigatorContainer>
179+
)
180+
}
176181
```
177182

178183
<details>
179-
<summary>Clean TabBar Usage Example</summary>
184+
<summary>Example</summary>
180185

181186
```js
182187
import React from 'react';

0 commit comments

Comments
 (0)