反应本机标题状态，以屏幕可能吗？

Question

我有一个标题，其中是一个输入字段。这能把这个值传递给我的屏幕文件吗？

Header.js

import React, { useCallback } from 'react';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, TouchableOpacity, Dimensions, Platform, TextInput } from 'react-native';
import { useNavigation } from '@react-navigation/native';
import { Feather, AntDesign } from '@expo/vector-icons';
import Constants from 'expo-constants';

const width = Dimensions.get('window').width;

const headerHeight = 50;

const headerMessages = (text) => {
  const navigation = useNavigation();

  const [search, setSearch] = React.useState('');

  const handleChangeInput = React.useCallback((e) => text(e));
  
  const handleGoBack = useCallback(() => {
    navigation.goBack();
  });
  return (
    <View style={styles.container}>
      <View style={styles.topHeader}>
        <StatusBar color="#333" />
        <Text style={styles.headerTitle}>Messages (0)</Text>
      </View>
      <View style={styles.searchContainer}>
        <TextInput value={search} style={styles.searchInput} onChangeText={handleChangeInput} placeholder='Search Field' />
      </View>
    </View>
  )
};


})

export default headerMessages;

Message.js

import * as React from 'react';
import { StyleSheet, Text, View, Pressable } from 'react-native';

const Messages = (props) => {
  console.log(props.text);

  
  return (
    <View style={s.container}>
      <Text>Messages</Text>
    </View>
  )
};

..........................................................................................................................

Answer 1

如果您希望Message.js文件中的“search”状态值，在这种情况下，在Message.js文件中初始化搜索并将setSearch钩子作为回调函数传递到Header.js文件中。在Header.js中，获取状态作为支持，并在文本输入中设置值。这样，您将在message.js文件中获得搜索值。