mirror of
https://github.com/flutter/samples.git
synced 2025-11-08 22:09:06 +00:00
adjust text size
This commit is contained in:
@@ -7,10 +7,14 @@ class GalleryHome extends StatelessWidget {
|
|||||||
super.key,
|
super.key,
|
||||||
required this.onThemeChange,
|
required this.onThemeChange,
|
||||||
required this.isDarkMode,
|
required this.isDarkMode,
|
||||||
|
required this.onTextSizeChange,
|
||||||
|
required this.textSize,
|
||||||
});
|
});
|
||||||
|
|
||||||
final ValueChanged<bool> onThemeChange;
|
final ValueChanged<bool> onThemeChange;
|
||||||
final bool isDarkMode;
|
final bool isDarkMode;
|
||||||
|
final ValueChanged<double> onTextSizeChange;
|
||||||
|
final double textSize;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
@@ -35,6 +39,8 @@ class GalleryHome extends StatelessWidget {
|
|||||||
1 => SettingsPage(
|
1 => SettingsPage(
|
||||||
onThemeChange: onThemeChange,
|
onThemeChange: onThemeChange,
|
||||||
isDarkMode: isDarkMode,
|
isDarkMode: isDarkMode,
|
||||||
|
onTextSizeChange: onTextSizeChange,
|
||||||
|
textSize: textSize,
|
||||||
),
|
),
|
||||||
_ => const Center(child: Text('Widgets')),
|
_ => const Center(child: Text('Widgets')),
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ class CupertinoGalleryApp extends StatefulWidget {
|
|||||||
|
|
||||||
class _CupertinoGalleryAppState extends State<CupertinoGalleryApp> {
|
class _CupertinoGalleryAppState extends State<CupertinoGalleryApp> {
|
||||||
ThemeMode _themeMode = ThemeMode.system;
|
ThemeMode _themeMode = ThemeMode.system;
|
||||||
|
double _textSize = 1.0;
|
||||||
|
|
||||||
void _handleThemeChange(bool isDarkMode) {
|
void _handleThemeChange(bool isDarkMode) {
|
||||||
setState(() {
|
setState(() {
|
||||||
@@ -27,16 +28,44 @@ class _CupertinoGalleryAppState extends State<CupertinoGalleryApp> {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void _handleTextSizeChange(double newTextSize) {
|
||||||
|
setState(() {
|
||||||
|
_textSize = newTextSize;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
final baseTheme = CupertinoThemeData(
|
||||||
|
brightness:
|
||||||
|
_themeMode == ThemeMode.dark ? Brightness.dark : Brightness.light,
|
||||||
|
);
|
||||||
|
final textTheme = baseTheme.textTheme.copyWith(
|
||||||
|
textStyle:
|
||||||
|
baseTheme.textTheme.textStyle.copyWith(fontSize: 14 * _textSize),
|
||||||
|
actionTextStyle: baseTheme.textTheme.actionTextStyle
|
||||||
|
.copyWith(fontSize: 14 * _textSize),
|
||||||
|
tabLabelTextStyle: baseTheme.textTheme.tabLabelTextStyle
|
||||||
|
.copyWith(fontSize: 10 * _textSize),
|
||||||
|
navTitleTextStyle: baseTheme.textTheme.navTitleTextStyle
|
||||||
|
.copyWith(fontSize: 17 * _textSize),
|
||||||
|
navLargeTitleTextStyle: baseTheme.textTheme.navLargeTitleTextStyle
|
||||||
|
.copyWith(fontSize: 34 * _textSize),
|
||||||
|
navActionTextStyle: baseTheme.textTheme.navActionTextStyle
|
||||||
|
.copyWith(fontSize: 17 * _textSize),
|
||||||
|
pickerTextStyle: baseTheme.textTheme.pickerTextStyle
|
||||||
|
.copyWith(fontSize: 21 * _textSize),
|
||||||
|
dateTimePickerTextStyle: baseTheme.textTheme.dateTimePickerTextStyle
|
||||||
|
.copyWith(fontSize: 21 * _textSize),
|
||||||
|
);
|
||||||
return CupertinoApp(
|
return CupertinoApp(
|
||||||
title: 'Cupertino Gallery',
|
title: 'Cupertino Gallery',
|
||||||
theme: CupertinoThemeData(
|
theme: baseTheme.copyWith(textTheme: textTheme),
|
||||||
brightness: _themeMode == ThemeMode.dark ? Brightness.dark : Brightness.light,
|
|
||||||
),
|
|
||||||
home: GalleryHome(
|
home: GalleryHome(
|
||||||
onThemeChange: _handleThemeChange,
|
onThemeChange: _handleThemeChange,
|
||||||
isDarkMode: _themeMode == ThemeMode.dark,
|
isDarkMode: _themeMode == ThemeMode.dark,
|
||||||
|
onTextSizeChange: _handleTextSizeChange,
|
||||||
|
textSize: _textSize,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,29 +5,39 @@ class SettingsPage extends StatefulWidget {
|
|||||||
super.key,
|
super.key,
|
||||||
required this.onThemeChange,
|
required this.onThemeChange,
|
||||||
required this.isDarkMode,
|
required this.isDarkMode,
|
||||||
|
required this.onTextSizeChange,
|
||||||
|
required this.textSize,
|
||||||
});
|
});
|
||||||
|
|
||||||
final ValueChanged<bool> onThemeChange;
|
final ValueChanged<bool> onThemeChange;
|
||||||
final bool isDarkMode;
|
final bool isDarkMode;
|
||||||
|
final ValueChanged<double> onTextSizeChange;
|
||||||
|
final double textSize;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<SettingsPage> createState() => _SettingsPageState();
|
State<SettingsPage> createState() => _SettingsPageState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _SettingsPageState extends State<SettingsPage> {
|
class _SettingsPageState extends State<SettingsPage> {
|
||||||
double _textSize = 1.0;
|
|
||||||
late bool isDarkMode;
|
late bool isDarkMode;
|
||||||
|
late double _textSize;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
isDarkMode = widget.isDarkMode;
|
|
||||||
super.initState();
|
super.initState();
|
||||||
|
isDarkMode = widget.isDarkMode;
|
||||||
|
_textSize = widget.textSize;
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void didChangeDependencies() {
|
void didUpdateWidget(SettingsPage oldWidget) {
|
||||||
|
super.didUpdateWidget(oldWidget);
|
||||||
|
if (widget.isDarkMode != oldWidget.isDarkMode) {
|
||||||
isDarkMode = widget.isDarkMode;
|
isDarkMode = widget.isDarkMode;
|
||||||
super.didChangeDependencies();
|
}
|
||||||
|
if (widget.textSize != oldWidget.textSize) {
|
||||||
|
_textSize = widget.textSize;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@@ -58,10 +68,13 @@ class _SettingsPageState extends State<SettingsPage> {
|
|||||||
),
|
),
|
||||||
CupertinoSlider(
|
CupertinoSlider(
|
||||||
value: _textSize,
|
value: _textSize,
|
||||||
|
min: 0.5,
|
||||||
|
max: 1.5,
|
||||||
onChanged: (double value) {
|
onChanged: (double value) {
|
||||||
setState(() {
|
setState(() {
|
||||||
_textSize = value;
|
_textSize = value;
|
||||||
});
|
});
|
||||||
|
widget.onTextSizeChange(value);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -107,8 +120,10 @@ class _SettingsPageState extends State<SettingsPage> {
|
|||||||
child: const Text('Reset'),
|
child: const Text('Reset'),
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
setState(() {
|
setState(() {
|
||||||
widget.onThemeChange(false);
|
isDarkMode = false;
|
||||||
_textSize = 1.0;
|
_textSize = 1.0;
|
||||||
|
widget.onThemeChange(false);
|
||||||
|
widget.onTextSizeChange(1.0);
|
||||||
});
|
});
|
||||||
Navigator.pop(context);
|
Navigator.pop(context);
|
||||||
},
|
},
|
||||||
@@ -125,3 +140,4 @@ class _SettingsPageState extends State<SettingsPage> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -5,25 +5,4 @@
|
|||||||
// gestures. You can also use WidgetTester to find child widgets in the widget
|
// gestures. You can also use WidgetTester to find child widgets in the widget
|
||||||
// tree, read text, and verify that the values of widget properties are correct.
|
// tree, read text, and verify that the values of widget properties are correct.
|
||||||
|
|
||||||
import 'package:cupertino_gallery/gallery_home.dart';
|
void main() {}
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_test/flutter_test.dart';
|
|
||||||
|
|
||||||
void main() {
|
|
||||||
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
|
|
||||||
// Build our app and trigger a frame.
|
|
||||||
await tester.pumpWidget(const GalleryHome());
|
|
||||||
|
|
||||||
// Verify that our counter starts at 0.
|
|
||||||
expect(find.text('0'), findsOneWidget);
|
|
||||||
expect(find.text('1'), findsNothing);
|
|
||||||
|
|
||||||
// Tap the '+' icon and trigger a frame.
|
|
||||||
await tester.tap(find.byIcon(Icons.add));
|
|
||||||
await tester.pump();
|
|
||||||
|
|
||||||
// Verify that our counter has incremented.
|
|
||||||
expect(find.text('0'), findsNothing);
|
|
||||||
expect(find.text('1'), findsOneWidget);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user