Dingdong_app/components/TipNavHeader.js

import * as React from "react";
import NavHeaderBar from "./NavHeaderBar";
import { Layout } from "@ui-kitten/components";
import { StyleSheet } from "react-native";

//导航条+头部提示模块
export default function TipNavHeader({ title, children }) {
    return (
        <>
            <NavHeaderBar title={title} />
            <Layout style={styles.top}>
                {children.map(item => {
                    if (item.type.styledComponentName === "Text") {
                        return {
                            ...item,
                            props: {
                                category: "c1",
                                ...item.props,
                            },
                        };
                    } else {
                        return item;
                    }
                })}
            </Layout>
        </>
    );
}
const styles = StyleSheet.create({
    top: {
        marginTop: 7,
        padding: 15,
    },
});