5. expo动态设置标题

直接用expo 自带的expo-router 来设置即可

下面是示例代码

import { router, Stack } from 'expo-router';
import React, { useEffect, useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';

const ArticleDetail: React.FC = () => {
  const [title, setTilte] = useState<string>('');

  useEffect(() => {
    let timer = setTimeout(() => {
      setTilte((Math.random() * 100000).toFixed(0))
    }, 2000);

    return () => {
      clearTimeout(timer);
    }
  }, [])

  return <View>
    <Stack.Screen
      options={{
        title: `文章ID - ${title}`,
      }}
    />
    <Text>文章详情</Text>
  </View>
}

const styles = StyleSheet.create({
  container: {

  }
})

export default ArticleDetail;