Dingdong_app/screens/Appraisal/EmailDetail.js

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

const styles = StyleSheet.create({
    top: {
        flexDirection: "row",
        alignItems: "center",
        paddingVertical: 10,
        marginBottom: 10,
        justifyContent: "space-between",
    },
    list: {
        flex: 1,
        backgroundColor: "#fff",
        paddingHorizontal: 15,
        // paddingTop: 20,
        marginTop: 20,
    },
    separatorStyle: {
        marginHorizontal: 13,
    },
    main: {
        marginTop: 10,
        paddingHorizontal: 15,
        paddingVertical: 10,
    },
    content: {
        color: "#787878",
        paddingVertical: 10,
        borderTopWidth: 1,
        borderColor: "#E5E5E5",
    },
    text: {
        color: "#787878",
        marginTop: 5,
    },
    wait: {
        textAlign: "center",
        paddingVertical: 20,
    },
});

export default function EmailDetailScreen() {
    const theme = useTheme();
    const { changeBackground } = useModel("barModel");
    const { RCSJTH } = useModel("wordsModel");
    // const { getMyList } = useModel("emailModel");

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

    return (
      <>
        <NavHeaderBar title={RCSJTH} />
        <Layout style={styles.main}>
          <Layout style={styles.top}>
            <Text category="c1">订单提示</Text>
            <Text category="c1">12月26日</Text>
          </Layout>

          {/* 普通内容 */}
          <Text category="c1" style={styles.content}>
            您的订单已经被取消收款方老司机的发链接SDK溜老司机的上路考订水房间了圣诞节弗兰克斯家电快溜缝胶看楼上的甲方看了圣诞节放凌空加施蒂利克福建省浪蝶狂蜂监考老师的加菲看楼上的积分了开机啥的敖德萨所多
          </Text>

          {/* 提现到账 */}
          <Layout>
            <Text category="h4">
              153.98
              <Text category="c1">元</Text>
            </Text>
            <Text category="c1" style={styles.text}>
              提现到：
              <Text category="c1">中国大众银行(4756)</Text>
            </Text>
            <Text category="c1" style={styles.text}>
              到账时间：
              <Text category="c1">2020-12-31 10:48</Text>
            </Text>
          </Layout>

          {/* 审核提交 */}
          <Text category="c1" style={styles.wait}>
            您所提交的商品正在审核中，请您耐心等待...
          </Text>
        </Layout>
      </>
    );
}