import 'dart:convert';
import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(home: _SecondScreen()));
}
class _SecondScreen extends StatelessWidget {
const _SecondScreen({super.key});
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('每日进阶')),
body: const MyCustomForm(),
);
}
}
class MyCustomForm extends StatelessWidget {
const MyCustomForm({super.key});
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
child: TextField(
decoration: InputDecoration(
// contentPadding:EdgeInsets.all(0),
// contentPadding: EdgeInsets.symmetric(vertical: 4, horizontal: 12), // 设置顶部和底部的内边距为 0
hintText: '请输入关键词搜索',
hintStyle: TextStyle(
color: Colors.grey, // 设置 hint 文字颜色为灰色
fontSize: 14, // 设置 hint 文字大小
),
// labelText: 'Email',
suffixIcon: Padding(
padding: EdgeInsets.only(right: 4),
child: InkWell(
onTap: () {
// 这里写你点击后要执行的操作
print("Search icon clicked!");
},
borderRadius: BorderRadius.circular(8.0), // 设置圆角
child: Container(
padding: EdgeInsets.all(8.0), // 添加内边距
decoration: BoxDecoration(
color: Colors.blue.withAlpha(100), // 设置背景色为蓝色
borderRadius: BorderRadius.circular(8.0), // 圆角效果
),
child: Icon(Icons.search, color: Colors.white), // 设置图标颜色为白色
),
),
),
// border: const OutlineInputBorder(),
focusedBorder: const OutlineInputBorder(
borderSide: BorderSide(
color: Colors.blue,
width: 1.0,
), // 聚焦时边框为蓝色
),
enabledBorder: const OutlineInputBorder(
borderSide: BorderSide(
color: Colors.blue,
width: 1.0,
), // 启用时边框为蓝色
),
),
),
),
],
);
}
}
效果: