pure_widget

KO | EN

gitlite — search

#hacktoberfest #go #machine-learning #rust #deep-learning #linux #docker #macos #nodejs #windows #cli #pytorch #security #mcp

(★ 9)

Base Flutter widget which triggers rebuild only of props changed

pure_widget Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# pure_widget

[![lesnitsky.dev](https://lesnitsky.dev/shield.svg?hash=30561)](https://lesnitsky.dev?utm_source=pure_widget)
[![GitHub stars](https://img.shields.io/github/stars/lesnitsky/pure_widget.svg?style=social)](https://github.com/lesnitsky/pure_widget)
[![Twitter Follow](https://img.shields.io/twitter/follow/lesnitsky_dev.svg?label=Follow%20me&style=social)](https://twitter.com/lesnitsky_dev)

Base widget which triggers rebuild only if props changed

## Installation

pubspec.yaml:

```yaml
dependencies:
  pure_widget: ^1.0.0
```

## Example

```dart
import 'dart:math';

import 'package:flutter/material.dart';
import 'package:pure_widget/pure_widget.dart';

void main() {
  runApp(App());
}

class TileProps {
  final int value;

TileProps(this.value);
}

class Tile extends PureWidget<TileProps> {
  final TileProps props;

const Tile({Key? key, required this.props}) : super(key: key);

@override
  Widget build(BuildContext context) {
    print('rebuild with new value ${props.value}');

return Card(
      child: Center(
        child: Text(
          props.value.toString(),
          style: Theme.of(context).textTheme.headline1,
        ),
      ),
    );
  }
}

class App extends StatefulWidget {
  const App({Key? key}) : super(key: key);

@override
  _AppState createState() => _AppState();
}

class _AppState extends State<App> {
  final List<TileProps> values = [TileProps(0), TileProps(0), TileProps(0)];
  final r = Random();

update() {
    setState(() {
      final index = r.nextInt(3);
      final oldValue = values[index].value;

values[index] = TileProps(oldValue + 1);
    });
  }

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            ...[
              Tile(props: values[0]),
              Tile(props: values[1]),
              Tile(props: values[2]),
            ].map((e) => Expanded(child: e))
          ],
        ),
        floatingActionButton: FloatingActionButton(
          child: Icon(Icons.add),
          onPressed: update,
        ),
      ),
    );
  }
}
```

## License

MIT

pure_widget

pure_widget Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

pure_widget

pure_widget Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README