mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
fd9ce27748
This does a cleanup of the examples, removing all of the "section" markers and extra comments that we don't need anymore now that the samples are no longer in the source code. It also removes the --template arguments from the {@tool dartpad} and {@tool sample} directives, since those are no longer used. It converts two examples that I discovered were still embedded into linked examples in the examples folder.
I didn't delete the templates from the snippets config folder yet, because there are still embedded samples in the dart:ui package from the engine that use them. Once dart:ui no longer uses the templates, they can be removed.
I bumped the version of the snippets package to pick up a change that allows removal of the --template argument.
77 lines
2.2 KiB
Dart
77 lines
2.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.
|
|
|
|
// Flutter code sample for Focus
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
void main() => runApp(const MyApp());
|
|
|
|
class MyApp extends StatelessWidget {
|
|
const MyApp({Key? key}) : super(key: key);
|
|
|
|
static const String _title = 'Flutter Code Sample';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const MaterialApp(
|
|
title: _title,
|
|
home: MyStatelessWidget(),
|
|
);
|
|
}
|
|
}
|
|
|
|
class FocusableText extends StatelessWidget {
|
|
const FocusableText(
|
|
this.data, {
|
|
Key? key,
|
|
required this.autofocus,
|
|
}) : super(key: key);
|
|
|
|
/// The string to display as the text for this widget.
|
|
final String data;
|
|
|
|
/// Whether or not to focus this widget initially if nothing else is focused.
|
|
final bool autofocus;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Focus(
|
|
autofocus: autofocus,
|
|
child: Builder(builder: (BuildContext context) {
|
|
// The contents of this Builder are being made focusable. It is inside
|
|
// of a Builder because the builder provides the correct context
|
|
// variable for Focus.of() to be able to find the Focus widget that is
|
|
// the Builder's parent. Without the builder, the context variable used
|
|
// would be the one given the FocusableText build function, and that
|
|
// would start looking for a Focus widget ancestor of the FocusableText
|
|
// instead of finding the one inside of its build function.
|
|
return Container(
|
|
padding: const EdgeInsets.all(8.0),
|
|
// Change the color based on whether or not this Container has focus.
|
|
color: Focus.of(context).hasPrimaryFocus ? Colors.black12 : null,
|
|
child: Text(data),
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MyStatelessWidget extends StatelessWidget {
|
|
const MyStatelessWidget({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: ListView.builder(
|
|
itemBuilder: (BuildContext context, int index) => FocusableText(
|
|
'Item $index',
|
|
autofocus: index == 0,
|
|
),
|
|
itemCount: 50,
|
|
),
|
|
);
|
|
}
|
|
}
|