Вызов указанного элемента ящика в пользовательском ящике - PullRequest
Новая
       10

Вызов указанного элемента ящика в пользовательском ящике

0 голосов
/ 05 февраля 2020

Я новичок в React Native, я запустил проект expo и настроил навигацию по переключателям с помощью Auth flow, и все работает нормально

Теперь в навигаторе я хочу создать собственное меню, поэтому я следовал документы, созданные верхний и нижний колонтитулы, как показано ниже, 

const SideMenu = props => (
    <SafeAreaView style={styles.container} forceInset={{ top: 'always', horizontal: 'never' }}>
        <View style={{ flexDirection: 'row', alignSelf: 'center', justifyContent: 'center', alignItems: 'center' }}>
            <Image
                source={require('../../assets/icon.png')}
                style={{ width: 90, height: 90 }}
            />
            <Image
                source={require('../../assets/text.png')}
                style={{ width: 166.95, height: 75 }}
            />
        </View>
        <ScrollView>
         <DrawerItems {...props} />
        </ScrollView>
        <View style={{ flexDirection: 'row', alignSelf: 'center' }}>
            <SocialIcon
                type='facebook'
                style={{ width: 32, height: 32 }}
                iconSize={20}
                onPress={() => { Linking.openURL('https://facebook.com/Ab3ad.eg') }}
            />
            <SocialIcon
                type='twitter'
                style={{ width: 32, height: 32 }}
                iconSize={20}
                onPress={() => { Linking.openURL('https://twitter.com/Ab3ad_eg') }}
            />
            <SocialIcon
                type='instagram'
                style={{ width: 32, height: 32 }}
                iconSize={20}
                onPress={() => { Linking.openURL('https://instagram.com/Ab3ad.eg') }}
            />
        </View>
    </SafeAreaView>
);

Я хочу использовать свернутые меню с теми же данными (метка, значок, фокусировка, стили, ... и т. д. c), поэтому я использовал аккордеон-коллапс-реагировать-нативный компонент с его простой демонстрацией 

import {Collapse,CollapseHeader, CollapseBody} from 'accordion-collapse-react-native';

<Collapse>
    <CollapseHeader>
      <View>
        <Text>Click here</Text>
      </View>
    </CollapseHeader>
    <CollapseBody>
      <Text>Ta daa!</Text>
    </CollapseBody>
</Collapse>

Теперь я просто хочу вызвать только один экран данных, скажем, использовать его как заголовок свертывания и как тело свертывания, ... .. et c

import {Collapse,CollapseHeader, CollapseBody} from 'accordion-collapse-react-native';

<Collapse>
    <CollapseHeader>
      <View>
        <DrawerItems.Screen1 {...props} />
      </View>
    </CollapseHeader>
    <CollapseBody>
      <DrawerItems.Screen2 {...props} />
      <DrawerItems.Screen3 {...props} />
    </CollapseBody>
</Collapse>

Как мне этого добиться?

...