mirror of
https://github.com/nisrulz/flutter-examples.git
synced 2026-08-25 17:24:01 +00:00
Convert 20 more single-file apps to the validated pattern: lib/main.dart holds only the runApp + MaterialApp bootstrap, while a new lib/example.dart holds the full screen (Scaffold, AppBar) and the focused example code. Apps: enabling_splash_screen, getx_counter_app, image_from_network, infinite_list, load_local_image, load_local_json, persist_key_value, push_notifications, sliver_app_bar_example, stateless_widgets, tic_tac_toe, tip_calculator, using_alert_dialog, using_edittext, using_expansionpanel, using_http_get, using_interactiveviewer, using_snackbar, using_stepper, using_theme
46 lines
1.3 KiB
Dart
46 lines
1.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
// Example: use the app theme to style widgets and override it locally.
|
|
class Example extends StatelessWidget {
|
|
const Example({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
// AppBar
|
|
appBar: AppBar(
|
|
// AppBar Title
|
|
title: const Text("Using Theme"),
|
|
),
|
|
body: Container(
|
|
// Another way to set the background color
|
|
decoration: const BoxDecoration(color: Colors.black87),
|
|
child: Center(
|
|
child: Container(
|
|
// use the theme accent color as background color for this widget
|
|
color: Theme.of(context).colorScheme.secondary,
|
|
child: Text(
|
|
'Hello World!',
|
|
// Set text style as per theme
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
floatingActionButton: Theme(
|
|
// override the accent color of theme for this widget only
|
|
data: Theme.of(context).copyWith(
|
|
colorScheme: Theme.of(context)
|
|
.colorScheme
|
|
.copyWith(secondary: Colors.pinkAccent),
|
|
),
|
|
child: FloatingActionButton(
|
|
onPressed: null,
|
|
child: const Icon(Icons.add),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|