walking 0.0.4

This package contains a container with a colored line that rotates on the edges and a distinctive input field. You can try them to find out more.

Walkint

walkint 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

Installation

Add it as a dependency in their pubspec.yaml:

dependencies:
  walking: ^0.0.4

Usage

...
import 'package:walking/walking.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.