> For the complete documentation index, see [llms.txt](https://uby-rn.gitbook.io/react-native/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uby-rn.gitbook.io/react-native/ders-2.1/react-navigation/bottom-tabs.md).

# Bottom Tabs

Bottom tabs oluşturmak için öncelikle aşağıdaki kütüphaneyi indirmek gerekiyor.

```bash
npm install @react-navigation/bottom-tabs
```

Artık tabbar oluşturabiliriz:

```jsx
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="Settings" component={SettingsScreen} />
    </Tab.Navigator>
  );
}
```

Bu kod iki tane ekran oluşturur ve tabbarda iki ekran isimleri başlık gibi yazar ve hangi tab'a dokunulduysa oradaki ekranı/ekranları gösterir. Buradaki `component` propuna sadece bir ekran değil istersek bir `Stack` (önceki başlık) de verebiliriz.