短视频app源码,Flutter组件--搜索页面布局
短视频app源码,Flutter组件--搜索页面布局
class LayoutDemo extends StatelessWidget {
const LayoutDemo({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(10),
child: Wrap(
alignment:WrapAlignment.spaceAround,
spacing: 10, //水平间距 *
runSpacing: 10, //垂直间距 *
// direction:Axis.vertical, *
children: [
),
);
}
}
//自定义按钮组件
class Button extends StatelessWidget {
String text; //按钮的文字
void Function()? onPressed; //方法
Button(this.text, {Key? key, required this.onPressed}) : super(key: key);
@override
Widget build(BuildContext context) {
return ElevatedButton(
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(
const Color.fromARGB(241, 223, 219, 219)),
foregroundColor: MaterialStateProperty.all(Colors.black45)),
onPressed: onPressed,
child: Text(text),
);
}
}
以上就是 短视频app源码,Flutter组件--搜索页面布局,更多内容欢迎关注之后的文章