Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter flatter登录回传图像flatter\u登录包_Flutter_Flutter Layout_Flutter Image - Fatal编程技术网

Flutter flatter登录回传图像flatter\u登录包

Flutter flatter登录回传图像flatter\u登录包,flutter,flutter-layout,flutter-image,Flutter,Flutter Layout,Flutter Image,我一直试图添加一个自定义图像作为我的应用程序的背景,但我不能。 如何将下面登录页面的背景图像更改为我想要的任何颜色,而不是颜色: import 'package:flutter/material.dart'; import 'package:flutter_login/flutter_login.dart'; class LoginScreen extends StatelessWidget { @override Widget build(BuildContext context)

我一直试图添加一个自定义图像作为我的应用程序的背景,但我不能。 如何将下面登录页面的背景图像更改为我想要的任何颜色,而不是颜色:

import 'package:flutter/material.dart';
import 'package:flutter_login/flutter_login.dart';

class LoginScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: FlutterLogin(
      title: 'Test',
      logo: 'assets/images/ecorp.png',
      onLogin: (_) => Future(null),
      onSignup: (_) => Future(null),
      onSubmitAnimationCompleted: () {
        /*
        Navigator.of(context).pushReplacement(MaterialPageRoute(
          builder: (context) => DashboardScreen(),
        ));*/
      },
      onRecoverPassword: (_) => Future(null),
      messages: LoginMessages(
        usernameHint: 'Username',
        passwordHint: 'Pass',
        confirmPasswordHint: 'Confirm',
        loginButton: 'LOG IN',
        signupButton: 'REGISTER',
        forgotPasswordButton: 'Forgot Password',
        recoverPasswordButton: 'HELP ME',
        goBackButton: 'GO BACK',
        confirmPasswordError: 'Not match!',
        recoverPasswordSuccess: 'Password recovered successfully',
      ),
        theme: LoginTheme(
          primaryColor: Colors.red,
        ),
      ),
    );
  }
}

FlatterLogin类的build方法返回一个集成了Scaffold的MultiProvider

我通过设置
scaffoldBackgroundColor:Colors.transparent
来实现透明度

代码段:

@override 
Widget build(BuildContext context) {
  return MaterialApp(
    theme: ThemeData(
      scaffoldBackgroundColor: Colors.transparent,
    ),
    home: Scaffold(
      extendBodyBehindAppBar: true,
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/background.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: FlutterLogin(
          logo: "assets/logo.png",
          onLogin: _signIn,
          onSignup: _registerUser,
          onRecoverPassword: (_) => null,
          title: "AppName",
          theme: LoginTheme(
                pageColorLight: Colors.transparent,
                pageColorDark: Colors.transparent,
          ),
        ),
      ),
    ),
  );
}

FlatterLogin类的build方法返回一个集成了Scaffold的MultiProvider

我通过设置
scaffoldBackgroundColor:Colors.transparent
来实现透明度

代码段:

@override 
Widget build(BuildContext context) {
  return MaterialApp(
    theme: ThemeData(
      scaffoldBackgroundColor: Colors.transparent,
    ),
    home: Scaffold(
      extendBodyBehindAppBar: true,
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/background.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: FlutterLogin(
          logo: "assets/logo.png",
          onLogin: _signIn,
          onSignup: _registerUser,
          onRecoverPassword: (_) => null,
          title: "AppName",
          theme: LoginTheme(
                pageColorLight: Colors.transparent,
                pageColorDark: Colors.transparent,
          ),
        ),
      ),
    ),
  );
}