Дочерний компонент не перерисовывается после обновления состояния родителя

Question

Привет, я новичок, чтобы реагировать и реагировать-нативно. Я использую навигатор реагирования, и у меня есть один экран, скажем, ScreenA, который обновляет его родительский компонент (это нормально работает), и другой экран, скажем ScreenB, который использует то же родительское состояние. при обновлении screenA родительский screenB не выполняет повторную визуализацию.

Разве это не должно происходить по умолчанию? Должен ли я использовать метод жизненного цикла в родительском элементе или ScreenB для соответствующего повторного рендеринга?

Вот родительский рендер:

render(){
    return (
      <NavigationContainer>
        <Stack.Navigator initialRouteName="Home">
          <Stack.Screen name="Home" >
            {(props) => <HomeScreen {...props} scannedURL={this.state.scannedURL}/>}
          </Stack.Screen>
          <Stack.Screen name="Scan">
            {(props) => <ScanScreen {...props} updateScanned={this.updateScanned}/>}
          </Stack.Screen>
        </Stack.Navigator>
      </NavigationContainer>
    );

ScanScreen успешно обновляет scannedURL, поле, которое HomeScreen использует, но похоже, что HomeScreen никогда не перерисовывается.