使用自定义组件渲染标题,其中包含所需组件。
示例代码如下:
import React from 'react';
import {View, Text} from 'react-native';
import {HeaderTitle} from '@react-navigation/stack';
const MyCustomHeader = () => {
return (
My App
);
};
const MyScreen = () => {
return (
}}
/>
);
};
在上面的示例中,我们将自定义头部作为 headerTitle
传递给了屏幕组件的选项参数。自定义标题包含一个带有所需组件的视图,并在 HeaderTitle
中呈现。现在,所需组件将作为自定义标题的一部分显示在标题栏中。