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,
),
),
),
),
);
}