如何在颤动中的抽屉中添加分隔符和副标题

<View style={{ borderBottomColor: 'gray', borderBottomWidth: 1 }} />

<Text style={{ fontWeight: 'bold', fontSize: 14, marginTop: 10 }}>副标题</Text>

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

class App extends React.Component {
  render() {
    const drawerItems = [
      <Text key="item1">项目1</Text>,
      <View key="separator" style={{ borderBottomColor: 'gray', borderBottomWidth: 1 }} />,
      <Text key="subtitle" style={{ fontWeight: 'bold', fontSize: 14, marginTop: 10 }}>副标题</Text>,
      <Text key="item2">项目2</Text>,
      // 其他项目...
    ];

    return (
      <DrawerLayoutAndroid
        drawerWidth={300}
        drawerPosition="left"
        renderNavigationView={() => (
          <View>
            {drawerItems}
          </View>
        )}
      >
        {/* 主内容 */}
      </DrawerLayoutAndroid>
    );
  }
}

export default App;