stateful

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 23 Open GitHub ↗

A set of common stateful widget implementations.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Stateful

A set of common stateful widget implementations.

## Usage

### Initializer

```dart
return Initializer(
    afterFirstFrame: true, 
    initialize: (context) {
       // Launch an initial request
    },
    child: Container(
        // ...
    ),
);
```

### Disposed

```dart
return Disposed<State>(
    initialize: (context) {
        final state = State(),
        return DisposedValue(
            value: state, 
            dispose: () => state.dispose(),
        );
    },
    builder: (context, state) => AnimatedBuilder(
        animation: state,
        builder: (context) => Text(state.value),
    ),
);
```

### Ticked (Initialized with *TickerProviderStateMixin*)

```dart
return Ticked<MyController>(
    initialize: (context) {
        final state = MyController(vsync: vsync),
        return Disposed(
            value: state, 
            dispose: () => state.dispose(),
        );
    },
    builder: (context, controller) => MyView(
            controller: controller,
        ),
    ),
);
```

### Animated (*~ AnimationController*)

```dart
return Animated(
    duration: const Duration(milliseconds: 200),
    builder: (context, animationController) => MyView(
            controller: controller,
        ),
    ),
);
```

### Scrolled (*~ ScrollController*)

```dart
return Scrolled(
    initialOffset: 100.0,
    builder: (context, scrollController) => ListView(
            controller: controller,
            children: [
                /// ...
            ]
        ),
    ),
);
```

### Tabbed (*~ TabController*)

```dart
return Tabbed(
    initialIndex: 3,
    length: 4,
    builder: (context, tabController) => TabBarView(
        controller: tabController,
        children: [ 
            // ...
        ]
    ),
);
```

### Paged (*~ PageController*)

```dart
return Paged(
    initialPage: 2,
    viewportFraction: 0.6,
    builder: (context, pageController) => PageView(
        controller: pageController,
        children: [ 
            // ...
        ]
    ),
);
```

### TextEdited (*~ TextEditingController*)

```dart
return TextEdited(
    text: 'hello',
    builder: (context, textEditingController) => TextField(
        controller: textEditingController,
        /// ...
    ),
);
```

### Registered (*~ Multiple initializations*)

```dart
final registry = Registry();
final animated = registry.animated(
    duration: const Duration(milliseconds: 200)
);
final textEdited = registry.textEdited(
    text: 'hello',
);
final state = registry.initialized(
    (context) {
        final state = State(),
        return Disposed(
            value: state, 
            dispose: () => state.dispose(),
        );
    }
);

return Registered(
    registry: registry,
    builder: (context, values) => Column(
        children: [
            MyView(
                controller: animated(values),
            ),
            AnimatedBuilder(
                animation: state,
                builder: (context) => Text(state(values).value),
            ),
            TextField(
                controller: textEdited(values),
                /// ...
            ),
        ],
    ),
);
```

## Q & A

> How does it compare to Provider ?

The `provider` package offers a way to initialize and dispose instances but it also offers a way to access it from sub-children. Though only one instance of a given type can be provided. This `stateful` package has a different purpose since declared instances are only accessible from the builder methods : it is lightweight, and targeted for local instances.

stateful

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README