FilledStacks / FilledStacks/flutter-tutorials

Partial View Building - Rebuilds everything

Open
#117 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Dart
Stars
4.8k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

#PartialbuildsView rebuilds everything

```dart
class PartialBuildsView extends StatelessWidget {
const PartialBuildsView({Key key}) : super(key: key);

@override
Widget build(BuildContext context) {
return ViewModelBuilder.nonReactive(
builder: (context, model, child) {
print('PartialBuildsView rebuilt');
return Scaffold(
body: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
_StringForm(),
_TitleAndValue(),
],
),
);
},
viewModelBuilder: () => PartialBuildsViewModel(),
);
}
}

class _StringForm extends HookViewModelWidget {
_StringForm({Key key}) : super(key: key, reactive: false);

@override
Widget buildViewModelWidget(
BuildContext context,
PartialBuildsViewModel model,
) {
print('_StringForm rebuilt');
var text = useTextEditingController();
return TextField(
controller: text,
onChanged: model.updateString,
);
}
}

class _TitleAndValue extends ViewModelWidget {
const _TitleAndValue({Key key}) : super(key: key, reactive: true);

@override
Widget build(
BuildContext context,
PartialBuildsViewModel model
) {
print('_TitleAndValue rebuilt');
return Column(
children: [
Text(
model.title ?? '',
style: TextStyle(fontSize: 40),
)
],
);
}
}
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.