React Native - [TypeError: undefined is not an object (evaluating '_components.UsernameContext.Provider')]

Question

谁能解决这个错误？我想将参数用户名从表单登录传递到选项卡导航

这个标签导航代码

var username = route.params.username;
  return (
    <UsernameContext.Provider value={username}>
      <Tab.Navigator tabBar={props => <BottomNavigator {...props} />}>
        <Tab.Screen name="Beranda" component={Beranda} />
        <Tab.Screen name="Cari" component={Cari} />
        <Tab.Screen name="Profil" component={Profil} />
      </Tab.Navigator>
    </UsernameContext.Provider>
  );

我在单独的上下文中有上下文

import React from 'react';

export const UsernameContext = React.createContext('');

和屏幕组件

const username = useContext(UsernameContext);

这是错误截图 1