#flutter #dart #responsive-design #flutter-appbar
Вопрос:
Я создаю свой собственный дизайн и тоже пытаюсь использовать этот дизайн, чтобы он был похож на мой дизайн??
но я не понимаю, как поместить эту кнопку на панель приложений[действие], потому что, когда я заполняю эту кнопку, она занимает всю высоту
мой код здесь я пишу ,используя его в качестве виджета, а затем вызываю для использования на панели приложений
AppBar _profileAppbar( context, ) { return AppBar( automaticallyImplyLeading: false, title: Row( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, children: lt;Widgetgt;[ Text( "state.username", style: TextStyle( color: Colors.black, fontSize: 24, fontFamily: 'SukumvitSetBold'), ), ], ), actions: lt;Widgetgt;[ IconButton( icon: Icon( (IconData( 0xe908, fontFamily: 'wishlistPost', )), color: HexColor("7225FF"), size: 20, ), iconSize: 30.0, onPressed: () =gt; print('Save post'), ), InkWell( onTap: () {}, child: Container( padding: EdgeInsets.only(top: 20.0, bottom: 20.0), decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(18.0), ), child: Text( "Edit", style: TextStyle(color: Colors.white), ), ), ), SizedBox( height: 5, width: 5, ), ], iconTheme: IconThemeData( color: Colors.black, ), // leading: Icon(Icons.menu), centerTitle: true, backgroundColor: Colors.white, elevation: 0.0, ); } Комментарии:
1. просто оберните эту кнопку
SizedBoxи придайте ей фиксированную высоту2. По крайней мере, добавьте свой код @imdsk
3. @VirajD хорошо, братан :gt;
4. @Ruchit дай мне попробовать это, спасибо, братан
Ответ №1:
Одна из идей состоит в том, чтобы сделать все на заказ без использования AppBar().
class MyWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Container( padding: const EdgeInsets.symmetric(horizontal: 10), child: Row( children: [ Expanded(child: Text("Username", style: TextStyle(color: Colors.black),)), const SizedBox(width: 10), Icon(Icons.message, color: Colors.black), const SizedBox(width: 10), TextButton( style: TextButton.styleFrom( backgroundColor: Colors.purple, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(999), ), ), child: Text('Edit', style: TextStyle(color: Colors.white)) ), ], ), height: kToolbarHeight, decoration: const BoxDecoration(color: Colors.white, boxShadow: [ BoxShadow( offset: Offset(0.0, 2), blurRadius: 14, spreadRadius: 2, ) ]), ), )); } } Комментарии:
1. Вау , спасибо тебе за потрясающую идею :gt;