BlocSelector

除了BlocBuilder以外
還能利用BlocSelector 讓State加上判斷條件
決定畫面如何顯示

參數設定 <bloc,int,bool>

1. bloc實體
2. state : 代表觀察的數值
3. bool : selector return的值 , 我們限制為bool

selector 判斷isEven

• 數值是偶數 : return true
• 奇數 : return false

builder

此處就得注意和BlocBuilder的差別
沒辦法取得State數值
僅能得到isEven的 bool值
(context, isEven) => isEven ? Text('偶數') : Text('奇數'),
畫面呈現state為偶數的時候,顯示偶數(文字)

BlocSelector<CounterCubit, int, bool>(
            selector: (state) {
              return state.isEven ? true : false;
            },
            builder: (context, isEven) => isEven ? Text('偶數') : Text('奇數'),
          ),

成果展示