[英]Flutter - cubit - changing boolean value inside cubit
I would like to change bool values from the cubit, but I can't figure out how to do it.我想从肘部更改布尔值,但我不知道该怎么做。
What I want to achieve is, for instance: if (boolean value stored in cubit is true) "show widget A": "show widget B"我想要实现的是,例如: if (boolean value stored in cubit is true) "show widget A": "show widget B"
My code:我的代码:
class ChangeBoolCubit extends Cubit<bool> {
ChangeBoolCubit() : super(false);
bool one = false;
bool two = true;
void changeValue(bool booleanToChange) {
booleanToChange = !state;
emit(booleanToChange);
}
}
View:看法:
class BoolView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Changing Bool')),
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Center(
child: BlocBuilder<ChangeBoolCubit, bool>(
builder: (context, state) {
return (ChangeBoolCubit().one)
? Text('TRUE: ${ChangeBoolCubit().one}')
: Text('FALSE: ${ChangeBoolCubit().one};');
},
),
),
Center(
child: BlocBuilder<ChangeBoolCubit, bool>(
builder: (context, state) {
return (ChangeBoolCubit().two)
? Text('TRUE: ${ChangeBoolCubit().two}')
: Text('FALSE: ${ChangeBoolCubit().two};');
},
),
),
],),
floatingActionButton: Column(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
FloatingActionButton(
child: const Icon(Icons.add),
onPressed: () => context.read<ChangeBoolCubit>().changeValue(ChangeBoolCubit().one),
),
const SizedBox(height: 8),
FloatingActionButton(
child: const Icon(Icons.remove),
onPressed: () => context.read<ChangeBoolCubit>().changeValue(ChangeBoolCubit().two),
),
],
),
);
}
}
I'm sorry for probably that trivial question, but I'm new to Cubit/Bloc.对于这个微不足道的问题,我很抱歉,但我是 Cubit/Bloc 的新手。
You should use the state in the BlocBuilder.您应该在 BlocBuilder 中使用 state。
For example:例如:
BlocBuilder<ChangeBoolCubit, bool>(
builder: (context, state) {
return state
? Text('TRUE: ${ChangeBoolCubit().one}')
: Text('FALSE: ${ChangeBoolCubit().one};');
},
)
However, I think this is what you want:但是,我认为这就是你想要的:
class ChangeBoolState {
final bool one;
final bool two;
ChangeBoolState({this.one = false, this.two = true});
ChangeBoolState copyWith({
bool? one,
bool? two,
}){
return RegisterState(
one: one != null ? one : this.one,
two: two != null ? two : this.two
);
}
}
class ChangeBoolCubit extends Cubit<ChangeBoolState> {
void changeOne() {
emit(state.copyWith(
one: !state.one,
));
}
}
then use it like this:然后像这样使用它:
BlocBuilder<ChangeBoolCubit, bool>(
builder: (context, state) {
return state.one
? Text('TRUE: ${state.one}')
: Text('FALSE: ${state.two};');
},
)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.