Home/ Questions/Q 1087
Answered
Luci
Asked: 2022-01-04T15:39:16+00:00

Flutter resizeToAvoidBottomInset true not working with expanded ListView

The keyboard hides my ListView (GroupedListView). I think it’s because of the Expanded Widget.

enter image description here

My body:

Column( children: [ Expanded( child: Padding( padding: const EdgeInsets.all(8.0), child: GroupedListView<dynamic, String>( controller: _scrollController, keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag, physics: const BouncingScrollPhysics( parent: AlwaysScrollableScrollPhysics()), itemBuilder: (context, message) { return ListTile( title: ChatBubble(message), ); }, elements: messages, groupBy: (message) => DateFormat('MMMM dd,yyyy') .format(message.timestamp.toDate()), groupSeparatorBuilder: (String groupByValue) => getMiddleChatBubble(context, groupByValue), itemComparator: (item1, item2) => item1.timestamp.compareTo(item2.timestamp), useStickyGroupSeparators: false, floatingHeader: false, order: GroupedListOrder.ASC, ), ), ), WriteMessageBox( group: group, groupId: docs[0].id, tokens: [widget.friendToken]) ], );

 

I’m using Expanded due to the Column Widget. What can I do?

expanded listviewflutterresizetoavoidbottominset
Share

1 Answer

  1. Best Answer

    Add a FocusScope to the WriteMessageBox in the build() method. It becomes

    FocusScope(
  child: Focus(
   child: WriteMessageBox(),
   onFocusChange: (focused) {
    if (focused) {
      _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
    }
  )
)
    • 0

Leave an answer

You must login to add an answer.

Need An Account,