navigation.setOptions 不适用于 ios 但适用于 android

Question

我遇到了一个奇怪的问题，我可以在 android 中设置自定义选项，但同样的事情在 ios 中不起作用。这是我设置标题的代码：

         navigation.setOptions(
                {
                    headerTitle: (props) => <StoreHeader title={route.params.name} phoneNumber = {route.params.storePhoneNumber} address={route.params.storeAddress} ></StoreHeader>,
                }
            ); 

它在android中运行良好，但在ios中不起作用。看下面的截图（iphone根本没有得到StoreHeader组件的渲染）：

storeheader 组件代码如下：

export function StoreHeader(props) {
    return (
        <View style={{flexDirection:"row"}}>
            <View style={{flex:0.8, justifyContent:"center", alignItems:"center"}}>
            <Text style={{fontSize:20, fontWeight:"bold"}}>{props.title}</Text>
            <Text style={{fontSize:10}}>{props.address}</Text>
            </View>
            <View style={{flex:0.2, justifyContent:"center", alignItems:"center"}}>
            <TouchableOpacity onPress={async () => {console.log(props.phoneNumber);await Linking.openURL(`tel:${props.phoneNumber}`);}}> 
                    <Ionicons name="call-outline" size={40} color="green" ></Ionicons>
            </TouchableOpacity>
            </View>
        </View>
    );
}