Можно сделать вкладки с контентом в середине экрана?

Да, в React Native можно легко реализовать экран с вкладками и контентом по центру. Для этого можно воспользоваться различными библиотеками, такими как React Navigation или TabView.

Вот пример простой реализации экрана с вкладками и центрированным контентом с использованием библиотеки React Navigation:

import * as React from 'react';
import { View, Text } from 'react-native';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';

const Tab = createMaterialTopTabNavigator();

function Tab1Screen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Tab 1 Content</Text>
    </View>
  );
}

function Tab2Screen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Tab 2 Content</Text>
    </View>
  );
}

function TabScreen() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Tab1" component={Tab1Screen} />
      <Tab.Screen name="Tab2" component={Tab2Screen} />
    </Tab.Navigator>
  );
}

export default function App() {
  return <TabScreen />;
}

В этом примере создается экран с двумя вкладками (Tab1 и Tab2), каждая из которых содержит центрированный контент. Благодаря использованию React Navigation можно легко настраивать внешний вид и поведение вкладок.

Если вам нужно дополнительное управление внешним видом ваших вкладок, вы также можете реализовать их с помощью ScrollableTabView или TabView из библиотеки react-native-tab-view.

Надеюсь, этот ответ поможет вам создать экран с вкладками и контентом по центру в React Native!