v1.3.3flutter_numeric_text
このウィジェットを使用すると、任意のテキストをアニメーション化できます。このウィジェットは使いやすく、Text(data) をそのまま NumericText(data) に置き換えることができます。
28いいね 205030日間ダウンロード160Pub ポイント
AndroidiOSWebmacOSWindowsLinux
任意のテキストをアニメーション化するためのFlutterウィジェット。
{"sdk":"flutter"}{"sdk":"flutter"}^5.0.0以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。
Text(data) → NumericText(data)This widget allows you to animate any text. The animation is reminiscent of the text animation in SwiftUI's .numericText(value:). The widget is easy to use and allows you to seamlessly replace Text(data) with NumericText(data).
Text() widgetimport 'package:flutter_numeric_text/flutter_numeric_text.dart';
class MyWidget extends StatelessWidget {
const MyWidget({super.key});
@override
Widget build(BuildContext context) {
// Simply add the widget, and when its value changes,
// it will automatically trigger the animation.
// To use the widget, you only need to provide
// a data value, other fields are optional.
NumericText(
"12345 or text",
duration: const Duration(milliseconds: 300),
style: const TextStyle(fontSize: 24, color: Colors.black),
textAlign: TextAlign.center,
textDirection: TextDirection.ltr,
locale: const Locale("en", "US"),
softWrap: true,
overflow: TextOverflow.ellipsis,
maxLines: 1,
semanticsLabel: "Numeric value",
);
}
}
GoogleFonts...
NumericText(
"12345 or text",
duration: const Duration(milliseconds: 300),
style: GoogleFonts.<your_font>(
fontSize: 24,
color: Colors.black,
// Just a friendly reminder to add the [textStyle] field.
// It'll make sure everything calculates correctly.
textStyle: Theme.of(context).textTheme.bodyMedium,
),
);
...
To use this package, add it to your pubspec.yaml file:
dependencies:
flutter_numeric_text: ^1.0.0 # Replace with the latest version
Contributions are welcome! If you have suggestions for improvements or find bugs, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.