如何将两个 IconButtons 放在同一列（AppBar 和 Body）中？

Question

Is there any way how to have an IconButton in the AppBar and an IconButton in the Body the same column width? The splash radius should be default. Please have a look on a screenshot at the following link for an overview.

https://i.stack.imgur.com/O0CiM.png

Answer 1

I'm not sure if this is the solution that you are looking for, because your question is not clear 100%.

By default IconButton are aligned to the AppBar actions. You can check it on this sample:

https://dartpad.dev/?id=0199904cac2a477c420efe473ed21319

The result is this:

Answer 2

You can use SilverAppbar medium or large depend on you. This widget is new in flutter 3.3 so just update SDK to using it. In MaterialApp you need to specify:

theme: ThemeData(useMaterial3: true)

And then in Scaffold body:

return Scaffold(
  body: CustomScrollView(
    slivers: [
      SliverAppBar.medium(
        title: const Text('Your tittle of page'),
        actions: [
          IconButton(onPressed: () {}, icon: const Icon(Icons.abc)),
          IconButton(
              onPressed: () {}, icon: const Icon(Icons.abc_outlined)),
        ],
      ),
      SliverToBoxAdapter(
        child: Text('Content of page'),
      ),
    ],
  ),
);