Question

在我的本机项目中，我想从给定的值生成条形码。我找到了react-native-barcode-builder，但我不知道如何在android中正确使用这个库。我已经npm install --save react-native-barcode-builder安装了，但是当我想在项目中导入库时，我遇到以下错误：

undefined不是一个对象（评估＆＃39; undefined.hex＆＃39;）

我想我应该通过react-native link链接这个库，但它不会改变任何东西。每个样本都是针对Xcode的，但我是在WebStorm的Windows上开发的。谁能告诉我如何正确使用这个库？

这是我的代码：

import React, {Component} from 'react';
import {connect} from 'react-redux';
import Barcode from 'react-native-barcode-builder'
import Dimensions from 'Dimensions';
import {
    StyleSheet,
    View,
    Image
} from 'react-native';

const DEVICE_WIDTH = Dimensions.get('window').width;
const DEVICE_HEIGHT = Dimensions.get('window').height;

class CardDetailsScreen extends Component {
    render() {
        return (
            <View style={styles.container}>
                <Image source={this.props.imageSource} style={styles.image}/>
                <Barcode value="Hello world" format="EAN-13"/>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    image: {
        width: DEVICE_WIDTH,
        height: 250,
    }
});

const mapStateToProps = (state) => {
    return {
        card: state.card
    };
};

const mapDispatchToProps = (dispatch) => {
    return {
        getCardData() {
            console.log('test');
        }
    }
};

export default connect(mapStateToProps, mapDispatchToProps)(CardDetailsScreen);

Answer 1

在这里你得到了答案：https://devhub.io/repos/wonsikin-react-native-barcode-builder

在使用react-native-barcode-builder之前运行：$config['base_url'] = 'http://localhost/project_name';它应该有效。

android

1 个答案: