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

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:jisho_study_tool/bloc/search/search_bloc.dart';
import 'package:jisho_study_tool/components/loading.dart';
import 'package:jisho_study_tool/components/search/search_card.dart';

class SearchView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocListener<SearchBloc, SearchState>(
      listener: (context, state) {
      },
      child: BlocBuilder<SearchBloc, SearchState>(
        builder: (context, state) {
          if (state is SearchInitial) return _InitialView();
          else if (state is SearchLoading) return LoadingScreen();
          else if (state is SearchFinished) {
            return ListView(
              children: state.results.map((result) => SearchResultCard(result)).toList(),
            );
          }
        },
      ) 
    );
  }
}

class _InitialView extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        SearchBar(),
      ]
    );
  }
}

class _LanguageOption extends StatelessWidget {
  final String _language;
  final Color _color;

  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: Container(
        padding: EdgeInsets.symmetric(vertical: 10.0),
        child: Center(child: Text(_language)),
        decoration: BoxDecoration(
          border: Border.all(
            color: Colors.black,
            width: 1.0,
          ),
          color: _color
        ),
      ),
    );
  }

  _LanguageOption(this._language, this._color);
}

class SearchBar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 20.0),
      child: Column(
        children: [
          TextField(
            onSubmitted: (text) => BlocProvider.of<SearchBloc>(context).add(GetSearchResults(text)),
            controller: TextEditingController(),
            decoration: InputDecoration(
              labelText: 'Search',
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(10.0),
              ),
            ),
          ),
          SizedBox(
            height: 10.0,
          ),
          Row(
            children: [
              _LanguageOption('Auto', Colors.white), 
              _LanguageOption('English', Colors.white),
              _LanguageOption('Japanese', Colors.blue),
            ],
          ),
        ],
      ),
    );
  }
}