- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我开发了一个登录屏幕,首先我在打开键盘时收到渲染 flex 错误,因此我将我的小部件包装在 SingleChildScrollView 中,但之后 Column 的 mainAxisAlignment 不起作用但是当我删除 SingleChildScrollView 时,除了渲染 flex 一切正常错误。我不知道该怎么做请帮忙。
以下是代码:
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class LoginScreenOne extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Stack(
children: [
Container(
height: double.infinity,
width: double.infinity,
color: Colors.blue,
),
SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
width: double.infinity,
child: Padding(
padding: const EdgeInsets.only(top: 70, left: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(
Icons.keyboard_arrow_up,
size: 30,
color: Colors.white,
),
Text(
"Login Screen",
style: TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold),
),
],
),
),
),
Container(
width: double.infinity,
height: MediaQuery.of(context).size.height * 0.6,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(30),
topRight: Radius.circular(30),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(top: 50, left: 20),
child: Text(
"Welcome",
style: TextStyle(
fontWeight: FontWeight.bold, fontSize: 20),
),
),
Padding(
padding: const EdgeInsets.all(20),
child: TextField(
decoration: InputDecoration(
icon: Icon(Icons.email),
hintText: "Enter User Name"),
),
),
Padding(
padding: const EdgeInsets.all(20),
child: TextField(
obscureText: true,
decoration: InputDecoration(
icon: Icon(Icons.vpn_key),
hintText: "Enter Password"),
),
),
Padding(
padding: const EdgeInsets.all(20),
child: Container(
width: double.infinity,
height: 50,
child: FlatButton(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
side: BorderSide(width: 2, color: Colors.blue)),
textColor: Colors.blue,
child: Text(
"Sign In",
style: TextStyle(
fontWeight: FontWeight.bold, fontSize: 16),
),
onPressed: () {},
),
),
),
Center(
child: Text(
"Forgot Password",
style: TextStyle(color: Colors.grey),
),
),
Padding(
padding: const EdgeInsets.all(20),
child: Container(
width: double.infinity,
height: 50,
child: FlatButton(
textColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15)
),
child: Text("Create Account"),
color: Colors.blue,
onPressed: () {},
),
),
)
],
),
)
],
),
),
],
),
));
}
}
最佳答案
你可以试试这个代码块
CustomScrollView(
scrollDirection: Axis.vertical,
slivers: [
SliverFillRemaining(
hasScrollBody: false,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Text('test'),
for (int i = 0; i < 10; i++) const FlutterLogo(size: 80)
],
),
),
],
),
关于flutter - SingleChildScrollView 下的 MainAxisAlignment 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61510337/
我想这样做: 但这是我实际得到的: 这是我的代码: Row itemTransaction(BuildContext context, Transaction transaction) { ///
我对 crossAxisAlignment 和 mainAxisAlignment 感到困惑。谁能用简单的话解释一下? 最佳答案 对于行: mainAxisAlignment = 水平轴 crossA
我开发了一个登录屏幕,首先我在打开键盘时收到渲染 flex 错误,因此我将我的小部件包装在 SingleChildScrollView 中,但之后 Column 的 mainAxisAlignment
这是我构建项目 View 容器的代码: Widget buildItemView(InboxItem t) { return GestureDetector( behavior: HitTestB
我正在创建类似 Instagram 个人资料的屏幕,但 mainaxisAlignment.spaceEvenly 无法正常工作。如果该行不在任何其他行或列内,它就可以正常工作,但在这种情况下它没
我正在尝试在列上使用 MainAxisAlignment 属性,但它没有按预期工作。这是我的代码。 Scaffold( appBar: AppBar( title: Text('Accou
我是一名优秀的程序员,十分优秀!