Javascript 使用React样式表对象创建方法，使其能够正常工作&；是否有必须键入的特定方法来解决TypeError？

前一天，此生成运行时没有错误。 我使用AVD作为模拟器，从命令行运行。 我可以看到应用程序“在25秒内成功构建” ... 节点就是我看到错误显示的地方。如何使条目文件正确

///这是从TicketPurchase.js导入的内容

import { StyleSheet, Text, View, Image, TextInput, Alert, TouchableOpacity } from 'react-native';
import globoTickets from './TicketsDB';

//这是定义吗

    const ticketItem = ({ item }) => {

        return (
            <View style={StyleSheet.tickets}>
                <View>
                    <Image
                        style={StyleSheet.img}
                        source={item.image}
                    />
                </View>
                <View>
                    <Text style={styles.tickettitle}>
                        {item.event}
                    </Text>
                    <Text style={styles.ticketshortdescription}>
                        {item.shortDescription}
                    </Text>
                    <Text
                        style={styles.ticketdescription}
                        numberOfLines={2}
                        ellipsizeMode="tail"
                    >
                        {item.description}
                    </Text>
                    <Text style={styles.ticketshortdescription}>
                        Price: {item.price}
                    </Text>

                    <TouchableOpacity
                        onPress={() => {
                            navigation.navigate('Purchase', { tickId: item.eventId });
                        }}
                        style={styles.button}
                    >

                        <Text style={styles.ticketbutton}>GET TICKETS</Text>
                    </TouchableOpacity>
                </View>

            </View>
        );
    };
    return (
        <View style={styles.container}>
            <FlatList
                data={globoTickets}
                renderItem={ticketItem}
                keyExtractor={(item) => item.eventId}
            />
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        paddingTop: 15,
        paddingBottom: 15,
    },
    tickets: {
        flexDirection: 'column',
    },
    img: {
        height: 180,
        width: '100%',
    },
    tickettitle: {
        fontFamily: 'Ubuntu-Regular',
        fontWeight: 'bold',
        textAlign: 'center',
    },
    ticketshortdescription: {
        fontFamily: 'Ubuntu-Light',
        fontWeight: '600',
        textAlign: 'center',
        paddingTop: 5,
    },
    ticketdescription: {
        fontFamily: 'Ubuntu-Light',
        fontWeight: '600',
        padding: 15,
    },
    ticketbutton: {
        fontFamily: 'Ubuntu-Regular',
        fontWeight: 'bold',
        textAlign: 'center',
        paddingBottom: 15,
        paddingTop: 5,
    },
});

export default Tickets;

常量ticketItem=（{item}）=>{
返回(
{item.event}
{item.shortDescription}
{item.description}
价格：{item.Price}
{
navigation.navigate（'Purchase'，{tickId:item.eventId}）；
}}
style={style.button}
>
买票
);
};
返回(
item.eventId}
/>
);
};
const styles=StyleSheet.create({
容器：{
paddingTop:15，
填充底部：15，
},
门票：{
flexDirection:'列'，
},
img：{
身高：180，
宽度：“100%”，
},
票证：{
fontFamily:'Ubuntu常规'，
fontWeight:'粗体'，
textAlign:'中心'，
},
票证摘要说明：{
fontFamily:“Ubuntu灯光”，
重量：'600'，
textAlign:'中心'，
paddingTop:5，
},
票证说明：{
fontFamily:“Ubuntu灯光”，
重量：'600'，
填充：15，
},
售票按钮：{
fontFamily:'Ubuntu常规'，
fontWeight:'粗体'，
textAlign:'中心'，
填充底部：15，
paddingTop:5，
},
});
导出默认票据；

import { StyleSheet, Text, View, FlatList, Image, TouchableOpacity } from 'react-native';
import globoTickets from './TicketsDB';

    const ticketItem = ({ item }) => {

        return (
            <View style={StyleSheet.tickets}>
                <View>
                    <Image
                        style={StyleSheet.img}
                        source={item.image}
                    />
                </View>
                <View>
                    <Text style={styles.tickettitle}>
                        {item.event}
                    </Text>
                    <Text style={styles.ticketshortdescription}>
                        {item.shortDescription}
                    </Text>
                    <Text
                        style={styles.ticketdescription}
                        numberOfLines={2}
                        ellipsizeMode="tail"
                    >
                        {item.description}
                    </Text>
                    <Text style={styles.ticketshortdescription}>
                        Price: {item.price}
                    </Text>

                    <TouchableOpacity
                        onPress={() => {
                            navigation.navigate('Purchase', { tickId: item.eventId });
                        }}
                        style={styles.button}
                    >

                        <Text style={styles.ticketbutton}>GET TICKETS</Text>
                    </TouchableOpacity>
                </View>

            </View>
        );
    };
    return (
        <View style={styles.container}>
            <FlatList
                data={globoTickets}
                renderItem={ticketItem}
                keyExtractor={(item) => item.eventId}
            />
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        paddingTop: 15,
        paddingBottom: 15,
    },
    tickets: {
        flexDirection: 'column',
    },
    img: {
        height: 180,
        width: '100%',
    },
    tickettitle: {
        fontFamily: 'Ubuntu-Regular',
        fontWeight: 'bold',
        textAlign: 'center',
    },
    ticketshortdescription: {
        fontFamily: 'Ubuntu-Light',
        fontWeight: '600',
        textAlign: 'center',
        paddingTop: 5,
    },
    ticketdescription: {
        fontFamily: 'Ubuntu-Light',
        fontWeight: '600',
        padding: 15,
    },
    ticketbutton: {
        fontFamily: 'Ubuntu-Regular',
        fontWeight: 'bold',
        textAlign: 'center',
        paddingBottom: 15,
        paddingTop: 5,
    },
});

export default Tickets;