Браузер открывается после сканирования QR-кода - ReactNative

Я использую модуль react-native-camera для сканирования qr-кода. Но после сканирования он всегда открывает браузер и пытается получить доступ к значению qr как url. Как остановить открытие этого браузера. Мне просто нужно было получить значение qr ... любая помощь. Вот мой код.

_handleBarCodeRead(e) {

        try {
            Vibration.vibrate();
            this.setState({scanning: false});
            this.setState({qrcode:e.data});
            //Linking.openURL(e.data).catch(err => console.error(‘An error occured’, err));
            console.log(e.data);

            const {navigate} = this.props.navigation;
            navigate(‘TransactionVerified’);

            //return;
        } catch (error) {
            console.log(error);
        }
    }
    getInitialState() {
        return {
            scanning: true,
            cameraType: Camera.constants.Type.back
        }
    }

    render(){
        if(this.state.scanning) {
            return (
            <View style={styles.container}>
                <Text style={styles.welcome}>
                Scan Code
                </Text>
                <View style={styles.rectangleContainer}>
                <Camera
                 style={styles.camera}
                 type={this.state.cameraType}
                 onBarCodeRead={this._handleBarCodeRead.bind(this)}
                 barCodeTypes={[Camera.constants.BarCodeType.qr]}
                 >
                    <View style={styles.rectangleContainer}>
                    <View style={styles.rectangle}/>
                    </View>
                </Camera>
                </View>
                {/* <Text style={styles.instructions}>
                Double tap R on your keyboard to reload,{‘\n’}
                </Text> */}
            </View>
            );
            }
            else{
            return (<View  style={styles.container}>
                <Text style={styles.welcome}>
                Scan Code
                </Text>
                {/* <Text style={styles.instructions}>
                Double tap R on your keyboard to reload,{‘\n’}
                </Text>      */}
            </View>);
            }

    }

react-native qr-code react-native-camera
person Buwaneka Sirinath    schedule 27.09.2018    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Предполагая, что вы ожидаете перенаправления на другой экран, если штрих-код будет успешно отсканирован. Было замечено, что после сканирования штрих-кода данные qr могут не получить. Следовательно, важно определить, было ли успешно получено значение qr. Для этого вам необходимо обновить код _handleBarCodeRead следующим образом: 

try {
    if (e.data !== undefined) {
        Vibration.vibrate();
        this.setState({scanning: false});
        this.setState({qrcode:e.data});
        //Linking.openURL(e.data).catch(err => console.error(‘An error occured’, err));
        console.log(e.data);

        const {navigate} = this.props.navigation;
        navigate(‘TransactionVerified’);
    }
} catch (error) {
    console.log(error);
}
person Sandy.....    schedule 27.09.2018

arrow_upward
0
arrow_downward

Вероятно, ваша проблема связана со строкой комментария. Попробуйте извлечь эту строку. Если ничего не работает, вы можете попробовать другой модуль. вы можете использовать «response-native-qrcode-scanner», что будет проще. вот ссылка на github.

person Berkay Kaan    schedule 27.09.2018