当前代码

App.js

const Mypage = {
  screen: MypageScreen,
  navigationOptions: () => ({
    headerShown: false,
  }),
};

const MypageStack = createStackNavigator(
  { Mypage },
  {
    initialRouteName: 'Mypage',
    navigationOptions: {
      title: 'Mypage',
    },
  },
);

const postLoginNavigator = createBottomTabNavigator({
  Mypage: MypageStack,
});

const AppNavigator = createStackNavigator({
  Loading,
  ...,
  PostLogin: postLoginNavigator,
}, {
  mode: 'modal',
  headerMode: 'none',
  initialRouteName: 'Loading',
});

const AppContainer = createAppContainer(AppNavigator);

export default class App extends React.Component {
  render() {
    return (
      <AppContainer />
    );
  }
}

Mypage.js

export default class Mypage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: '',
    };
  }

  async componentDidMount() {
    // getting how many items this user have
    const items = await db.getAllItems()
    // items is an array
    this.setState({
      items: items.length,
     });
  }

  render() {
    return (
      <View>
        <Text>Items</Text>
      </View>
      <View>
        <Text>
          { this.state.items }
        </Text>
      </View>
    );
  }
}

我想做什么

我希望每次打开 mypage 选项卡时都刷新数据。

mypage.js 中的项目数量正在发生变化，因此我希望更新项目数量。

或者当只有项目数量发生变化时，我希望更新数量。

如果您能给我任何建议，我将不胜感激。