v1.3.3flutter_numeric_text
이 위젯을 사용하면 어떤 텍스트든 애니메이션 처리할 수 있습니다. 이 위젯은 사용하기 쉬우며 Text(data)를 쉽게 NumericText(data)로 교체할 수 있습니다.
28좋아요 2.1천30일 다운로드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.