在Flutter中,可以使用Padding组件来在卡片内的AppBar和TextFormField之间留出空格。Padding组件可以添加指定大小的空白区域来调整布局。
以下是一个示例代码,展示如何在卡片内的AppBar和TextFormField之间留出空格:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Card Example'),
),
body: Center(
child: Card(
child: Padding(
padding: EdgeInsets.all(16.0), // 调整空白区域的大小
child: Column(
children: [
TextFormField(
decoration: InputDecoration(
labelText: 'Username',
),
),
SizedBox(height: 16.0), // 在AppBar和TextFormField之间添加空白
TextFormField(
decoration: InputDecoration(
labelText: 'Password',
),
),
],
),
),
),
),
),
);
}
}
在上述示例中,使用了Padding组件来设置卡片内的空白区域大小为16.0。同时,使用了SizedBox组件来在AppBar和TextFormField之间添加了16.0的垂直空白。
这样,就在卡片内的AppBar和TextFormField之间留出了空格。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云