walk_line_container 0.0.15

moving frame.

Walk

walk These packages help add vitality to destinations, and you can use them for anything.

Platform Support

Android	iOS	Web	MacOS	Linux	Windows
✅	✅	✅	✅	✅	✅

Walk Container	Walk TextForm	Walk TextForm
[Walk Container]	[Walk TextForm]	[Walk TextForm]

Installation

Add it as a dependency in their pubspec.yaml:

dependencies:
  walk_line_container: ^0.0.15

Usage

...
import 'package:walk_line_container/walk_line_container.dart';
...

Example

walk container

WalkContainer(
        width: 100,
        height: 45,
        angle: 90,
        child: null,
        colors: [Colors.red, Colors.orange],
        curve: Curves.bounceOut,
        duration: Duration(seconds: 1),
        reverse: false,
        steps: [0.2, 0.6],
        thicken: 4,
      )

walk text form

void main() {
  runApp(const MaterialApp(home: HomePage()));
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  TextEditingController controller = TextEditingController();
  FocusNode focusNode = FocusNode();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: WalkTextForm(controller: controller, focusNode: focusNode),
      ),
    );
  }
}

Check example folder for more examples.