stateful

KO | EN

gitlite — search

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

(★ 23)

A set of common stateful widget implementations.

stateful Latest Version Download

Download Latest Version (.zip)

// 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

stateful Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

stateful

stateful Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README