Olá!
Achei muitos tutoriais na internet, mas não consegui implementar nenhum com sucesso. A maioria desses tutoriais, trabalham com a criação de 2 listas, uma inicial e outra secundária para serem manipuladas. Esta realmente é a melhor forma de implementação? Estou utilizando o padrão bloc. Por isso, estou tendo certa dificuldade na manipulação dos dados.
Segue código:
class FollowingPage extends StatefulWidget {
final Player players;
const FollowingPage({Key key, this.players}) : super(key: key);
@override
_FollowingPageState createState() => _FollowingPageState();
}
class _FollowingPageState extends State<FollowingPage> {
FollowingBloc _followingBloc;
TextEditingController editingController = TextEditingController();
@override
void initState() {
_followingBloc = FollowingBloc();
_followingBloc.dispatch(FollowingEventList(context: context));
super.initState();
}
@override
void dispose() {
_followingBloc.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return BlocBuilder<FollowingEvent, FollowingState>(
bloc: _followingBloc,
builder: (context, state) {
if (state is FollowingStateLoading) {
return Center(child: CircularProgressIndicator());
}
if (state is FollowingStateError) {
return Center(child: Text(state.message));
}
if (state is FollowingStateInitial) {
return Center(child: Text("Nenhuma informação."));
}
if (state is FollowingStateSuccess) {
Result _following = state.followingModel.result;
return Scaffold(
appBar: AppBarCustom(),
body: Container(
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(7.0),
child: TextField(
onChanged: (text) {
},
controller: editingController,
decoration: InputDecoration(
labelText: "Procurar jogadores",
hintText: "Informe o nome do jogador",
prefixIcon: Icon(Icons.search),
border: OutlineInputBorder(
borderRadius:
BorderRadius.all(Radius.circular(25.0)))),
),
),
Divider(),
Expanded(
child: ListView.builder(
scrollDirection: Axis.vertical,
shrinkWrap: true,
itemCount: _following.players.length,
itemBuilder: (context, index) {
if (_following.players.isEmpty) {
return Container(
height: MediaQuery.of(context).size.height * 0.6,
child: Center(
child: Text(
"Você ainda não segue outros jogadores"),
),
);
}
Player _dataCurrent = _following.players[index];
return Card(
child: ListTile(
leading: CircleAvatar(
radius: 25,
backgroundImage: _dataCurrent.avatar != null
? NetworkImage(_dataCurrent.avatar)
: AssetImage('assets/img/person.png'),
backgroundColor: Colors.transparent,
),
//title: Text(_dataCurrent.name),
title: Text(_dataCurrent.name != null
? _dataCurrent.name
: "Não informado"),
trailing: Icon(Icons.arrow_forward_ios),
onTap: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => FollowingDetails(
player: _dataCurrent)));
},
),
);
},
),
),
],
),
),
);
}
return null;
});
}
}
Como vocês podem perceber ainda sou iniciante. Quero apenas filtrar esta lista de acordo com o que o usuário informar!
StreamBuilder
que é essencial na utilização do BLoC pattern... Eu não conheço a classe que você utilizouBlocBuilder<FollowingEvent, FollowingState>
, mas irei formular um resposta com a maneira que utilizo o BLoC e assim que possível estarei respondendo sua pergunta.