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

Да, в React Native можно создать вкладки с контентом в середине экрана. Для этого можно использовать различные подходы, например, комбинацию компонентов View, TouchableOpacity и ScrollView.

Вот пример того, как можно реализовать вкладки с контентом по центру экрана:

1. Создадим компонент TabBar, который будет содержать в себе вкладки:

import React, { useState } from 'react';
import { View, Text, TouchableOpacity } from 'react-native';

const TabBar = ({ activeTab, setActiveTab }) => {
  return (
    <View style={{ flexDirection: 'row' }}>
      <TouchableOpacity onPress={() => setActiveTab(1)} style={{ flex: 1, alignItems: 'center', padding: 10, backgroundColor: activeTab === 1 ? 'lightblue' : 'white' }}>
        <Text>Tab 1</Text>
      </TouchableOpacity>
      <TouchableOpacity onPress={() => setActiveTab(2)} style={{ flex: 1, alignItems: 'center', padding: 10, backgroundColor: activeTab === 2 ? 'lightblue' : 'white' }}>
        <Text>Tab 2</Text>
      </TouchableOpacity>
    </View>
  );
};

export default TabBar;

2. Создадим компонент Content, который будет показывать контент в зависимости от выбранной вкладки:

import React from 'react';
import { View, Text } from 'react-native';

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

export default Content;

3. Используем эти компоненты в основном компоненте:

import React, { useState } from 'react';
import { View } from 'react-native';
import TabBar from './TabBar';
import Content from './Content';

const MainScreen = () => {
  const [activeTab, setActiveTab] = useState(1);

  return (
    <View style={{ flex: 1 }}>
      <TabBar activeTab={activeTab} setActiveTab={setActiveTab} />
      <Content activeTab={activeTab} />
    </View>
  );
};

export default MainScreen;

Таким образом, вы можете легко создать вкладки с контентом в середине экрана, используя React Native. В реальном проекте вы можете дополнить этот пример стилями, анимациями и другой функциональностью в зависимости от ваших потребностей.