Как перейти с экрана вкладки на внешний экран? - PullRequest
0 голосов
/ 23 сентября 2019

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

Как я могу отобразить камеру из вкладок ??

Вот мой код:

import React from 'react'
import { 
    View, 
    ScrollView
 } from 'react-native'
import ActionButton from 'react-native-action-button'
import { Icon } from 'react-native-elements'
import { createStackNavigator } from 'react-navigation-stack'
import { createAppContainer } from 'react-navigation'

import Cards from '../../componentes/Card'
import Camera from './LeitorQR'


class Manual extends React.Component {
    static navigationOptions = {
        header: null
    }
    render() {

        return (
            <View style={{ flex: 1, backgroundColor: '#eff2f7' }}>

                <ScrollView style={{ flex: 1 }}>
                    <Cards
                        image={{ uri: 'https://img.freepik.com/fotos-gratis/torneira-de-agua-aberta_23-2148113510.jpg?size=626&ext=jpg' }}
                        title='exemplo'
                        subtitle='asdasd'
                        linkManual='https://react-native-training.github.io/react-native-elements/docs/card.html#image'
                        linkVideo='https://react-native-training.github.io/react-native-elements/docs/card.html#image'
                    />
                </ScrollView>

                <ActionButton buttonColor='#3c4858' position='right'>

                    <ActionButton.Item
                        buttonColor='#8492a6'
                        title='Escanear'
                        size={50}
                        onPress={() => this.props.navigation.navigate('Camera')} >

                        <Icon name='barcode-scan'
                            color='white'
                            type="material-community" />

                    </ActionButton.Item>

                    <ActionButton.Item
                        buttonColor='#8492a6'
                        title='Digitar Código'
                        size={50}
                        onPress={() => null}>

                        <Icon name='barcode'
                            color='white'
                            type="material-community"
                        />

                    </ActionButton.Item>

                </ActionButton>

            </View>

        )
    }
}


const CameraStack = createStackNavigator({
    Manual: Manual,
    Camera: Camera
})

const ManualContainer = createAppContainer(CameraStack)

export default ManualContainer

Я не знаю другого пути, кроме this.props.navigation.navigate function

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...