feat: Better invite search bar

This commit is contained in:
Christian Pauly 2020-12-20 17:00:09 +01:00
parent f0d1f5aed2
commit 3c4a29b517
4 changed files with 17 additions and 31 deletions

View File

@ -1,16 +1,21 @@
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
class DefaultAppBarSearchField extends StatefulWidget {
final TextEditingController searchController;
final void Function(String) onChanged;
final Widget suffix;
final bool autofocus;
final String prefixText;
final String hintText;
const DefaultAppBarSearchField({
Key key,
this.searchController,
this.onChanged,
this.suffix,
this.autofocus = false,
this.prefixText,
this.hintText,
}) : super(key: key);
@override
@ -59,11 +64,13 @@ class _DefaultAppBarSearchFieldState extends State<DefaultAppBarSearchField> {
color: Theme.of(context).secondaryHeaderColor,
borderRadius: BorderRadius.circular(32),
child: TextField(
autofocus: widget.autofocus,
autocorrect: false,
controller: _searchController,
onChanged: widget.onChanged,
focusNode: _focusNode,
decoration: InputDecoration(
prefixText: widget.prefixText,
contentPadding: EdgeInsets.only(
top: 8,
bottom: 8,
@ -72,7 +79,7 @@ class _DefaultAppBarSearchFieldState extends State<DefaultAppBarSearchField> {
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(32),
),
hintText: L10n.of(context).searchForAChat,
hintText: widget.hintText,
suffixIcon: _focusNode.hasFocus ||
(widget.suffix == null &&
(_searchController.text?.isNotEmpty ?? false))

View File

@ -272,6 +272,7 @@ class _ChatListState extends State<ChatList> {
? Text(_selectedRoomIds.length.toString())
: DefaultAppBarSearchField(
searchController: searchController,
hintText: L10n.of(context).searchForAChat,
onChanged: (_) => setState(() => null),
),
),

View File

@ -146,6 +146,7 @@ class _DiscoverPageState extends State<DiscoverPage> {
elevation: _scrolledToTop ? 0 : null,
title: DefaultAppBarSearchField(
onChanged: (text) => _search(context, text),
hintText: L10n.of(context).searchForAChat,
suffix: IconButton(
icon: Icon(Icons.edit_outlined),
onPressed: () => _setServer(context),

View File

@ -1,5 +1,6 @@
import 'dart:async';
import 'package:fluffychat/components/default_app_bar_search_field.dart';
import 'package:flushbar/flushbar_helper.dart';
import 'package:famedlysdk/famedlysdk.dart';
import 'package:famedlysdk/matrix_api.dart';
@ -120,35 +121,11 @@ class _InvitationSelectionState extends State<InvitationSelection> {
firstScaffold: ChatList(activeChat: widget.room.id),
secondScaffold: Scaffold(
appBar: AppBar(
title: Text(L10n.of(context).inviteContact),
bottom: PreferredSize(
preferredSize: Size.fromHeight(92),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: TextField(
controller: controller,
titleSpacing: 0,
title: DefaultAppBarSearchField(
autofocus: true,
autocorrect: false,
textInputAction: TextInputAction.search,
onChanged: (String text) =>
searchUserWithCoolDown(context, text),
onSubmitted: (String text) => searchUser(context, text),
decoration: InputDecoration(
border: OutlineInputBorder(),
prefixText: '@',
hintText: L10n.of(context).username,
labelText: L10n.of(context).inviteContactToGroup(groupName),
suffixIcon: loading
? Container(
padding: const EdgeInsets.all(8.0),
width: 12,
height: 12,
child: CircularProgressIndicator(),
)
: Icon(Icons.search_outlined),
),
),
),
hintText: L10n.of(context).inviteContactToGroup(groupName),
onChanged: (String text) => searchUserWithCoolDown(context, text),
),
),
body: foundProfiles.isNotEmpty