【Flutter实战静态页面】--在线点餐app（2）搜索框

原路指南

【Flutter】在线点餐APP_哔哩哔哩_bilibili

——————

搜索框

 

 

 home-screen.dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:foodordering/constants.dart';
import 'package:foodordering/screens/home/components/app_bar.dart';
import 'package:foodordering/screens/home/components/body.dart';

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: homeAppBar(context),
      body: Body(),
    );
    //   bottomNavigationBar: BottomNavBar(),
  }
}

 app_bar.dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:foodordering/constants.dart';

AppBar homeAppBar(BuildContext context) {
  return AppBar(
    centerTitle: true,
    backgroundColor: Colors.white,
    elevat