Android Retrofit 使用及原理详解~,fluttertextfield边框
warning:
这篇文章距离上次修改已过447天,其中的内容可能已经有所变动。
在Flutter中,如果你想为TextField设置边框,你可以使用Container和BoxDecoration来实现。以下是一个简单的例子:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Container(
width: 200,
height: 50,
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 1.0), // 设置边框
borderRadius: BorderRadius.circular(5.0), // 设置圆角
),
child: TextField(
decoration: InputDecoration(
border: InputBorder.none, // 移除TextField默认的边框
),
),
),
),
),
);
}
}在这个例子中,Container包裹了TextField,并为Container设置了边框样式。同时,TextField的decoration属性中的border设置为InputBorder.none,这样就不会显示TextField自带的边框。
评论已关闭