mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
33403bd28e
This extracts the sample code out from the API doc comments, and places them in separate files on disk, allowing running of the examples locally, testing them, and building of slightly larger examples.
106 lines
4.2 KiB
Dart
106 lines
4.2 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
// Template: dev/snippets/config/templates/freeform.tmpl
|
|
//
|
|
// Comment lines marked with "▼▼▼" and "▲▲▲" are used for authoring
|
|
// of samples, and may be ignored if you are just exploring the sample.
|
|
|
|
// Flutter code sample for InheritedTheme
|
|
//
|
|
//***************************************************************************
|
|
//* ▼▼▼▼▼▼▼▼ description ▼▼▼▼▼▼▼▼ (do not modify or remove section marker)
|
|
|
|
// This example demonstrates how `InheritedTheme.capture()` can be used
|
|
// to wrap the contents of a new route with the inherited themes that
|
|
// are present when the route was built - but are not present when route
|
|
// is actually shown.
|
|
//
|
|
// If the same code is run without `InheritedTheme.capture(), the
|
|
// new route's Text widget will inherit the "something must be wrong"
|
|
// fallback text style, rather than the default text style defined in MyApp.
|
|
|
|
//* ▲▲▲▲▲▲▲▲ description ▲▲▲▲▲▲▲▲ (do not modify or remove section marker)
|
|
//***************************************************************************
|
|
|
|
//****************************************************************************
|
|
//* ▼▼▼▼▼▼▼▼ code-imports ▼▼▼▼▼▼▼▼ (do not modify or remove section marker)
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
//* ▲▲▲▲▲▲▲▲ code-imports ▲▲▲▲▲▲▲▲ (do not modify or remove section marker)
|
|
//****************************************************************************
|
|
|
|
//*************************************************************************
|
|
//* ▼▼▼▼▼▼▼▼ code-main ▼▼▼▼▼▼▼▼ (do not modify or remove section marker)
|
|
|
|
void main() {
|
|
runApp(const MyApp());
|
|
}
|
|
|
|
//* ▲▲▲▲▲▲▲▲ code-main ▲▲▲▲▲▲▲▲ (do not modify or remove section marker)
|
|
//*************************************************************************
|
|
|
|
//********************************************************************
|
|
//* ▼▼▼▼▼▼▼▼ code ▼▼▼▼▼▼▼▼ (do not modify or remove section marker)
|
|
|
|
class MyAppBody extends StatelessWidget {
|
|
const MyAppBody({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final NavigatorState navigator = Navigator.of(context);
|
|
// This InheritedTheme.capture() saves references to themes that are
|
|
// found above the context provided to this widget's build method
|
|
// excluding themes are found above the navigator. Those themes do
|
|
// not have to be captured, because they will already be visible from
|
|
// the new route pushed onto said navigator.
|
|
// Themes are captured outside of the route's builder because when the
|
|
// builder executes, the context may not be valid anymore.
|
|
final CapturedThemes themes =
|
|
InheritedTheme.capture(from: context, to: navigator.context);
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute<void>(
|
|
builder: (BuildContext _) {
|
|
// Wrap the actual child of the route in the previously
|
|
// captured themes.
|
|
return themes.wrap(
|
|
Container(
|
|
alignment: Alignment.center,
|
|
color: Colors.white,
|
|
child: const Text('Hello World'),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
},
|
|
child: const Center(child: Text('Tap Here')),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MyApp extends StatelessWidget {
|
|
const MyApp({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const MaterialApp(
|
|
home: Scaffold(
|
|
// Override the DefaultTextStyle defined by the Scaffold.
|
|
// Descendant widgets will inherit this big blue text style.
|
|
body: DefaultTextStyle(
|
|
style: TextStyle(fontSize: 48, color: Colors.blue),
|
|
child: MyAppBody(),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
//* ▲▲▲▲▲▲▲▲ code ▲▲▲▲▲▲▲▲ (do not modify or remove section marker)
|
|
//********************************************************************
|