小编Kar*_*hta的帖子

我刚开始用 react-native 开发一个应用程序，并添加了一个底部导航。然后我开始为组件设置样式，并注意到导航上方有一条白线，我无法摆脱它。

问题图片

任何有关如何使该线与背景颜色相同的想法将不胜感激。视图背后的默认背景颜色可能是“透光”，因为它是白色的，我不知道如何更改它。该应用程序只能在我自己的 iPhone XR 上运行，所以我不担心与 android 或其他 iPhone 型号的兼容性

我是一个关于 react-native 的完整初学者，所以请耐心等待。到目前为止，这是我的代码：

导航

const Tab = createBottomTabNavigator();

export default function App() {
    return (
        <NavigationContainer>
            <Tab.Navigator
                tabBarOptions={{
                    activeTintColor: Colors.tabIconSelected,
                    inactiveTintColor: Colors.tabIconDefault,
                    style: styles.container
                }}>
                <Tab.Screen
                    name="Payments"
                    component={PaymentScreen}
                    options={{
                        tabBarIcon: ({focused}) => <TabBarIcon focused={focused} name="logout"/>
                    }}/>
                <Tab.Screen
                    name="Income"
                    component={IncomeScreen}
                    options={{
                        tabBarIcon: ({focused}) => <TabBarIcon focused={focused} name="login"/>
                    }}/>
            </Tab.Navigator>
        </NavigationContainer>
    );
}

const styles = StyleSheet.create({
    container: {
        backgroundColor: Colors.darkBackgroundColor,
    }
});

付款视图

export default class PaymentScreen extends Component{ …

我是颤振新手，想要制作一个只有经过身份验证的用户（通过填写电子邮件和密码）才能使用的应用程序。所以我正在考虑制作一个名为的根小部件，Authentication 我将在其中检查用户是否经过身份验证。如果它们是，则将它们带到Home()Widget（基本上是应用程序主页），否则带到 SignIn() Widget（这是登录页面）。

• 我必须在 2 个级别中检查用户身份验证：
  • 当应用程序打开时，之前登录的用户无需再次登录
  • 填写电子邮件 ID 和密码后，用户单击Sign In按钮

我面临以下问题，不知道如何解决它们（假设没有注册选项，并且用户数据直接输入到数据库而不是通过某些 UI ）：

• 如果用户已经登录，如何将他们直接带到Home()Widget？

  这是我目前拥有的代码，我不确定是否是执行此类应用程序的正确方法，因此如果有更好的方法来执行此操作，请告诉：

    import 'package:flutter/material.dart';
    import 'package:myapp/home.dart';
    import 'package:myapp/signIn.dart';


    void main() => runApp(Authenticate());

    class Authenticate extends StatelessWidget {


      final String authenticateEmail;
      final String authenticatePassword;

      Authenticate({this.authenticateEmail, this.authenticatePassword}); 




      // Make a call to db to check if the data provided is correct or not 
      // If it is correct we then navigate the user to Home() Widget 
      // Else to SignIn() …