Android Retrofit 使用及原理详解~,fluttertextfield边框
在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
自带的边框。
评论已关闭