自定义标题标题反应原生

Posted 2023-02-16

【中文标题】自定义标题标题反应原生

【英文标题】：Custom Header Title react native

【发布时间】：2022-01-22 03:38:38

【问题描述】：

我想在反应原生中制作自定义标题标题以呈现问候文本， 这是问候语的逻辑代码

greeting = () => 
     const date = new Date();
     let hours = date.getHours();
     let status =
         hours < 12
             ? "Selamat Pagi"
             : hours <= 18 && hours >= 12
             ? "Selamat Siang"
             : "Selamat Malam";
     return status;
;

【问题讨论】：

我们可能需要更多关于您想在这里做什么的背景信息。我猜当前的输出不是预期的，如果是这样，你没有得到的预期输入/输出是什么？

您需要为您的问题填写更多详细信息。您在使用这个 sn-p 时遇到什么问题。或者，如果您想在调用此代码块的位置添加任何额外的 sn-ps。目前的详细信息不足以回答您的问题。

【参考方案1】：

sry，这就是我认为的答案

import React,  useEffect, useState  from "react";
import  View, Text  from 'react-native';
import  NavigationContainer  from '@react-navigation/native';
import  createNativeStackNavigator  from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

function HomeScreen() 
  return (
    <View style= flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor:'white'>
      <Text>Home Screen</Text>
    </View>
  );



function App() 
  const [greet, setGreet] = useState('')
  const findGreet = () => 
    const hrs = new Date().getHours()
    if (hrs == 0 || hrs < 12) return setGreet('Pagi')
    if (hrs == 1 || hrs < 17) return setGreet('Siang')
    setGreet('Malam')
  

  useEffect(() => 
    findGreet()
  , [])

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Home"
          component=HomeScreen
          options= headerTitle: `Selamat $greet`,
          headerStyle: 
            backgroundColor: 'transparent',
            elevation: 0,
            shadowOpacity: 0, 
          , 
        />
      </Stack.Navigator>
    </NavigationContainer>
  );


export default App;

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。