mirror of
https://github.com/nisrulz/flutter-examples.git
synced 2026-08-31 12:10:37 +00:00
refactor: split app wrapper from focused example code (single-file apps)
Convert 20 more single-file apps to the validated pattern: lib/main.dart holds only the runApp + MaterialApp bootstrap, while a new lib/example.dart holds the full screen (Scaffold, AppBar) and the focused example code. Apps: enabling_splash_screen, getx_counter_app, image_from_network, infinite_list, load_local_image, load_local_json, persist_key_value, push_notifications, sliver_app_bar_example, stateless_widgets, tic_tac_toe, tip_calculator, using_alert_dialog, using_edittext, using_expansionpanel, using_http_get, using_interactiveviewer, using_snackbar, using_stepper, using_theme
This commit is contained in:
Nishant Srivastava
110
infinite_list/lib/example.dart
Normal file
110
infinite_list/lib/example.dart
Normal file
@@ -0,0 +1,110 @@
|
||||
import 'package:english_words/english_words.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
// Example: an infinitely scrolling list that generates new word pairs on demand.
|
||||
class Example extends StatefulWidget {
|
||||
const Example({super.key});
|
||||
|
||||
@override
|
||||
State<Example> createState() => _ExampleState();
|
||||
}
|
||||
|
||||
class _ExampleState extends State<Example> {
|
||||
final _suggestions = <WordPair>[];
|
||||
final _saved = <WordPair>{};
|
||||
final _biggerFont = const TextStyle(fontSize: 18.0);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Infinite List'),
|
||||
centerTitle: true,
|
||||
actions: <Widget>[
|
||||
IconButton(icon: const Icon(Icons.list), onPressed: _pushSaved),
|
||||
],
|
||||
),
|
||||
body: _buildSuggestions(),
|
||||
);
|
||||
}
|
||||
|
||||
void _pushSaved() {
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
builder: (context) {
|
||||
final tiles = _saved.map(
|
||||
(pair) {
|
||||
return ListTile(
|
||||
title: Text(
|
||||
pair.asPascalCase,
|
||||
style: _biggerFont,
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
final divided = ListTile.divideTiles(
|
||||
context: context,
|
||||
tiles: tiles,
|
||||
).toList();
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Saved lists'),
|
||||
),
|
||||
body: ListView(children: divided),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRow(WordPair pair) {
|
||||
final alreadySaved = _saved.contains(pair);
|
||||
return ListTile(
|
||||
title: Text(
|
||||
pair.asPascalCase,
|
||||
style: _biggerFont,
|
||||
),
|
||||
trailing: Icon(
|
||||
alreadySaved ? Icons.favorite : Icons.favorite_border,
|
||||
color: alreadySaved ? Colors.red : null,
|
||||
),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
if (alreadySaved) {
|
||||
_saved.remove(pair);
|
||||
} else {
|
||||
_saved.add(pair);
|
||||
}
|
||||
});
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSuggestions() {
|
||||
return ListView.builder(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
// The itemBuilder callback is called once per suggested word pairing,
|
||||
// and places each suggestion into a ListTile row.
|
||||
// For even rows, the function adds a ListTile row for the word pairing.
|
||||
// For odd rows, the function adds a Divider widget to visually
|
||||
// separate the entries. Note that the divider may be difficult
|
||||
// to see on smaller devices.
|
||||
itemBuilder: (context, i) {
|
||||
// Add a one-pixel-high divider widget before each row in theListView.
|
||||
if (i.isOdd) return const Divider();
|
||||
|
||||
// The syntax "i ~/ 2" divides i by 2 and returns an integer result.
|
||||
// For example: 1, 2, 3, 4, 5 becomes 0, 1, 1, 2, 2.
|
||||
// This calculates the actual number of word pairings in the ListView,
|
||||
// minus the divider widgets.
|
||||
final index = i ~/ 2;
|
||||
// If you've reached the end of the available word pairings...
|
||||
if (index >= _suggestions.length) {
|
||||
// ...then generate 10 more and add them to the suggestions list.
|
||||
_suggestions.addAll(generateWordPairs().take(10));
|
||||
}
|
||||
return _buildRow(_suggestions[index]);
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -1,7 +1,10 @@
|
||||
import 'package:english_words/english_words.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
void main() => runApp(MyApp());
|
||||
import 'example.dart';
|
||||
|
||||
void main() {
|
||||
runApp(const MyApp());
|
||||
}
|
||||
|
||||
class MyApp extends StatelessWidget {
|
||||
const MyApp({super.key});
|
||||
@@ -13,114 +16,7 @@ class MyApp extends StatelessWidget {
|
||||
theme: ThemeData(
|
||||
colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.blue)
|
||||
.copyWith(secondary: Colors.lightBlue)),
|
||||
home: RandomWords(),
|
||||
home: const Example(),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class RandomWords extends StatefulWidget {
|
||||
const RandomWords({super.key});
|
||||
|
||||
@override
|
||||
createState() => RandomWordsState();
|
||||
}
|
||||
|
||||
class RandomWordsState extends State<RandomWords> {
|
||||
final _suggestions = <WordPair>[];
|
||||
final _saved = <WordPair>{};
|
||||
final _biggerFont = const TextStyle(fontSize: 18.0);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('Infinite List'),
|
||||
centerTitle: true,
|
||||
actions: <Widget>[
|
||||
IconButton(icon: Icon(Icons.list), onPressed: _pushSaved),
|
||||
],
|
||||
),
|
||||
body: _buildSuggestions(),
|
||||
);
|
||||
}
|
||||
|
||||
void _pushSaved() {
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
builder: (context) {
|
||||
final tiles = _saved.map(
|
||||
(pair) {
|
||||
return ListTile(
|
||||
title: Text(
|
||||
pair.asPascalCase,
|
||||
style: _biggerFont,
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
final divided = ListTile.divideTiles(
|
||||
context: context,
|
||||
tiles: tiles,
|
||||
).toList();
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('Saved lists'),
|
||||
),
|
||||
body: ListView(children: divided),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRow(WordPair pair) {
|
||||
final alreadySaved = _saved.contains(pair);
|
||||
return ListTile(
|
||||
title: Text(
|
||||
pair.asPascalCase,
|
||||
style: _biggerFont,
|
||||
),
|
||||
trailing: Icon(
|
||||
alreadySaved ? Icons.favorite : Icons.favorite_border,
|
||||
color: alreadySaved ? Colors.red : null,
|
||||
),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
if (alreadySaved) {
|
||||
_saved.remove(pair);
|
||||
} else {
|
||||
_saved.add(pair);
|
||||
}
|
||||
});
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSuggestions() {
|
||||
return ListView.builder(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
// The itemBuilder callback is called once per suggested word pairing,
|
||||
// and places each suggestion into a ListTile row.
|
||||
// For even rows, the function adds a ListTile row for the word pairing.
|
||||
// For odd rows, the function adds a Divider widget to visually
|
||||
// separate the entries. Note that the divider may be difficult
|
||||
// to see on smaller devices.
|
||||
itemBuilder: (context, i) {
|
||||
// Add a one-pixel-high divider widget before each row in theListView.
|
||||
if (i.isOdd) return Divider();
|
||||
|
||||
// The syntax "i ~/ 2" divides i by 2 and returns an integer result.
|
||||
// For example: 1, 2, 3, 4, 5 becomes 0, 1, 1, 2, 2.
|
||||
// This calculates the actual number of word pairings in the ListView,
|
||||
// minus the divider widgets.
|
||||
final index = i ~/ 2;
|
||||
// If you've reached the end of the available word pairings...
|
||||
if (index >= _suggestions.length) {
|
||||
// ...then generate 10 more and add them to the suggestions list.
|
||||
_suggestions.addAll(generateWordPairs().take(10));
|
||||
}
|
||||
return _buildRow(_suggestions[index]);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user