如何进行导航。

Question

我正在使用Typescript设置堆栈导航，这是我第一次使用Typescript。我有一个屏幕login.tsx我想自定义导航栏。

import { useNavigation } from '@react-navigation/native';
import { StackNavigationProp } from '@react-navigation/stack';
import React from 'react';
import { SafeAreaView, Text } from 'react-native';
import { RootStackParamList } from '../typings';

type loginScreenProps = StackNavigationProp<RootStackParamList, 'Login'>;

const Login = () => {

  const navigation = useNavigation<loginScreenProps>();

  navigation.setOptions  = {
    headerTitle: 'Demo', // <-- ERROR
  }

  return (
    <SafeAreaView>
        <Text>Login</Text>
    </SafeAreaView>
  )
}

export default Login

我要去的错误是：

type'{headerTitle：string; }'不能分配输入'（选项： 部分）=＆gt;空白'。对象字面可能只能 指定已知属性，并且“ headertitle”不存在类型 '（选项：部分）=＆gt; void'。

rootstackParamlist是简单offor type rootstackParamlist = {login：undefined; ...

如何在Typescript中实现它？

Answer 1

navigation.setoptions是一个函数，将对象作为输入

尝试进行此更改，并让我知道它是否已固定

navigation.setOptions({
  headerTitle: 'Demo',
})