view method
Renders the current model state for display.
This method is called after every update to refresh the screen. It should return either a String or a View object.
Guidelines
- Keep view functions pure - no side effects
- View should only depend on model state
- Use string interpolation or StringBuffer for complex views
- Consider terminal width/height for responsive layouts
Example
@override
String view() {
final buffer = StringBuffer();
// Header
buffer.writeln('╔════════════════════════════╗');
buffer.writeln('║ My Application ║');
buffer.writeln('╚════════════════════════════╝');
buffer.writeln();
// Content
if (loading) {
buffer.writeln('Loading...');
} else {
for (final item in items) {
final prefix = item == selectedItem ? '▸ ' : ' ';
buffer.writeln('$prefix$item');
}
}
buffer.writeln();
// Footer
buffer.writeln('↑/↓: Navigate Enter: Select q: Quit');
return buffer.toString();
}
Implementation
@override
String view() {
final buffer = StringBuffer();
// Title
if (title != null) {
buffer.writeln(title);
buffer.writeln();
}
// Progress
if (showProgress) {
buffer.writeln('Step $currentVisibleStep of $totalSteps');
buffer.writeln();
}
// Current step description
if (_currentStepIndex < _flattenedSteps.length) {
final step = _flattenedSteps[_currentStepIndex];
if (step.description != null) {
buffer.writeln(step.description);
buffer.writeln();
}
}
// Current step view
if (_currentModel != null) {
buffer.write(_currentModel!.view());
}
return buffer.toString();
}