Dingdong_app/screens/OrderListScreen.js

import { Ionicons } from "@expo/vector-icons";
import * as WebBrowser from "expo-web-browser";
import * as React from "react";
import { StyleSheet } from "react-native";
import {
    Layout,
    Text,
    useTheme,
    Button,
    Card,
    Icon,
    MenuItem,
    OverflowMenu,
    TopNavigation,
    TopNavigationAction,
    Modal,
    List,
} from "@ui-kitten/components";
import { useModel } from "flooks";
import NavHeaderBar from "../components/NavHeaderBar";
import { useFocusEffect } from "@react-navigation/native";
import OrderCard from "../components/OrderCard";
import EmptyComponent from "../components/EmptyComponent";
export default function OrderListScreen({ route }) {
    // const route = useRoute();

    const { httpGet } = useModel("httpModel");
    const {
        tab2,
        fullReduction2,
        fullReduction1,
        delText,
        editText,
        confirm,
        cancel,
        complete,
        successText,
        removeTips,
    } = useModel("wordsModel");
    const [pageName, changeName] = React.useState(""); //状态
    const [orderList, SetorderList] = React.useState([]); //订单列表

    useFocusEffect(
        React.useCallback(() => {
            console.log(route);
            changeName(route.name);
            if (route.name) {
                getOrderList();
            }
        }, [])
    );

    function getOrderList() {
        SetorderList([]);
        httpGet("/orderInfo/my").then((res) => {
            SetorderList(res.content);
        });
    }

    const orderItem = ({ item, index }) => (
        <OrderCard
            style={{ marginHorizontal: 10, marginBottom: 15 }}
            appearance='classification'
            key={item.id}
            info={item}
        />
    );

    return (
        <List
            style={styles.list}
            data={orderList}
            renderItem={orderItem}
            ListEmptyComponent={EmptyComponent}
        />
    );
}

const styles = StyleSheet.create({
    list: {
        flex: 1,
        backgroundColor: "#eee",
        paddingVertical: 15,
    },
});