Dingdong_app/screens/Appraisal/ComplaintlistScreen.js

import * as WebBrowser from "expo-web-browser";
import * as React from "react";
import { useModel } from "flooks";
import { StyleSheet } from "react-native";
import { useTheme } from "@ui-kitten/components";
import { useFocusEffect } from "@react-navigation/native";
import NavHeaderBar from "../../components/NavHeaderBar";
import Complaint from "../../components/Complaint";

import ListComponent from "../../components/ListComponent";

const styles = StyleSheet.create({
  top: {
    alignItems: "center",
    paddingVertical: 10,
    marginBottom: 10,
  },
  list: {
    flex: 1,
    backgroundColor: "rgb(242, 242, 242)",
    paddingHorizontal: 15,
    paddingTop: 20,
  },
  separatorStyle: {
    marginHorizontal: 13,
  },
});

// 余额
export default function CouponListScreen() {
  const theme = useTheme();
  const { changeBackground } = useModel("barModel");

  const { YUZQBC } = useModel("wordsModel");
  const { getMyList } = useModel("complaintModel");

  useFocusEffect(
    React.useCallback(() => {
      changeBackground(theme["color-primary-500"]);
    }, [])
  );

  const walletItem = ({ item, index }) => <Complaint key={index} info={item} />;

  return (
    <>
      <NavHeaderBar title={YUZQBC} />
      <ListComponent
        getInfo={getMyList}
        renderItem={walletItem}
        style={styles.list}
        separatorStyle={styles.separatorStyle}
        showEmpty
      />
    </>
  );
}