flutter - 別のページで再利用可能な AppBar と別のページ効果のルーティング

Question

再利用可能なアプリバーで 2 つの問題を解決できません。

1. Appbar のページ幅は同じではありません。 ページ幅より短いアプリバー
2. テキストとアイコンが垂直方向の中央に配置されていないようです。アプリバーに境界線があったようです! (配置を移動すると、境界線をシードできます。図 2 を参照してください。右側の白いアイコンを参照してください。
3. ページを変更すると、Appbar が再利用可能な Appbar の下にあるようです。図 3 を参照してください。 再利用可能な Appbar の下の Appbar

すべてのページで、次のコードを使用して Appbar を呼び出します。

Widget build(BuildContext context) {
    return Scaffold(
      //backgroundColor: Colors.white,
       appBar: AppBar(
         title: ReusableBar(),
      ),

これは、再利用可能な AppBar のコードです。

class ReusableBar extends StatelessWidget implements PreferredSizeWidget{
  @override
  Widget build(BuildContext context) {
    //number = number + displayedText;
    return AppBar(
      //elevation: 0.0,
      centerTitle: true,
      automaticallyImplyLeading: false,
      titleSpacing: 0.0,
      title: Text(getTranslated(context, 'total_click:') + "$_appbarcounter"),
      actions: <Widget>[
        IconButton(
          alignment: Alignment(0.0, -4.0),
          icon: Icon(
            Icons.save,
            color: Colors.white,
          ),
          onPressed: () {
            // do something
            //TODO AGGIUNGERE FUNZIONE AL PULSANTE SAVE CON PAGINA DI SALVATAGGIO
          },
        )
      ],
      // leading: GestureDetector(
      //   onTap: () { /* Write listener code here */ },
      //   child: Icon(
      //     Icons.menu,  // add custom icons also
      //   ),
      // ),
    );
  }