Jisho-Study-Tool/lib/screens/kanji_search.dart

46 lines
1.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:jisho_study_tool/bloc/kanji/kanji_bloc.dart';
import 'package:jisho_study_tool/components/kanji/kanji__search_page/kanji_search_page.dart';
import 'package:jisho_study_tool/components/loading.dart';
class KanjiView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (context) => KanjiBloc(),
child: _KanjiSearchPage(),
);
}
}
class _KanjiSearchPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocBuilder<KanjiBloc, KanjiState>(
builder: (context, state) {
if (state is KanjiSearchInitial) return KanjiSearchBar();
else if (state is KanjiSearchLoading) return LoadingScreen();
else if (state is KanjiSearchFinished) return KanjiResultCard(state.kanji);
throw 'No such event found';
},
);
}
}
class KanjiSearchBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: TextField(
onSubmitted: (text) => BlocProvider.of<KanjiBloc>(context).add(GetKanji(text)),
decoration: new InputDecoration(
prefixIcon: Icon(Icons.search),
hintText: 'Search for kanji'
),
),
);
}
}