-
-
Notifications
You must be signed in to change notification settings - Fork 508
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
87 additions
and
134 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,152 +1,89 @@ | ||
import 'package:flutter/material.dart'; | ||
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; | ||
|
||
class DeviceTypeList { | ||
String deviceTypeName = 'test'; | ||
} | ||
|
||
class DeviceTypeItem extends StatefulWidget { | ||
final List<DeviceTypeList> deviceTypes; | ||
final Function onSelected; | ||
|
||
DeviceTypeItem(this.deviceTypes, this.onSelected); | ||
void main() => runApp(MyApp()); | ||
|
||
class MyApp extends StatelessWidget { | ||
@override | ||
_DeviceTypeItemState createState() => _DeviceTypeItemState(); | ||
Widget build(BuildContext context) { | ||
return MaterialApp( | ||
title: 'StaggeredGridView Demo', | ||
theme: ThemeData( | ||
primarySwatch: Colors.blue, | ||
), | ||
home: MyScreen(), | ||
); | ||
} | ||
} | ||
|
||
class _DeviceTypeItemState extends State<DeviceTypeItem> { | ||
int _selectIndex = -1; | ||
class MyScreen extends StatefulWidget { | ||
@override | ||
_MyScreenState createState() => new _MyScreenState(); | ||
} | ||
|
||
_DeviceTypeItemState(); | ||
class _MyScreenState extends State<MyScreen> { | ||
int _count = 0; | ||
|
||
_selectDevice(int index) { | ||
setState(() { | ||
_selectIndex = index; | ||
}); | ||
// onSelected(deviceTypes[_selectIndex].deviceTypeName); | ||
@override | ||
Widget build(BuildContext context) { | ||
return Scaffold( | ||
body: StaggeredTest(_count, _count), | ||
floatingActionButton: FloatingActionButton( | ||
child: Icon(Icons.add), | ||
onPressed: () { | ||
setState(() { | ||
_count++; | ||
}); | ||
}, | ||
), | ||
); | ||
} | ||
} | ||
|
||
_tmpData() { | ||
return List.generate( | ||
10, | ||
(int index) => GestureDetector( | ||
child: Container( | ||
child: Text(widget.deviceTypes[0].deviceTypeName), | ||
color: _selectIndex == index ? Colors.blue : Colors.brown, | ||
padding: EdgeInsets.only(top: 4, bottom: 4), | ||
alignment: Alignment.center, | ||
), | ||
onTap: () => _selectDevice(index), | ||
)); | ||
} | ||
class GridTest extends StatelessWidget { | ||
GridTest(this.count, this.value); | ||
final int count; | ||
final int value; | ||
|
||
@override | ||
Widget build(BuildContext context) { | ||
return Container( | ||
padding: EdgeInsets.all(12), | ||
// child: GridView.count( | ||
// crossAxisCount: 3, | ||
// children: _tmpData(), | ||
// shrinkWrap: true, | ||
// ), | ||
|
||
child: StaggeredGridView.count( | ||
return GridView.builder( | ||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( | ||
crossAxisCount: 3, | ||
children: _tmpData(), | ||
staggeredTiles: List.generate(10, (int index) => StaggeredTile.fit(1)), | ||
shrinkWrap: true, | ||
crossAxisSpacing: 2, | ||
mainAxisSpacing: 2, | ||
), | ||
itemCount: count, | ||
itemBuilder: (context, index) { | ||
return Container( | ||
color: Colors.blue, | ||
child: Text('$value'), | ||
); | ||
}, | ||
); | ||
} | ||
} | ||
|
||
// import 'package:flutter/material.dart'; | ||
// import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; | ||
|
||
// void main() => runApp(MyApp()); | ||
|
||
// class MyApp extends StatelessWidget { | ||
// @override | ||
// Widget build(BuildContext context) { | ||
// return MaterialApp( | ||
// title: 'StaggeredGridView Demo', | ||
// theme: ThemeData( | ||
// primarySwatch: Colors.blue, | ||
// ), | ||
// home: MyScreen(), | ||
// ); | ||
// } | ||
// } | ||
|
||
// class MyScreen extends StatefulWidget { | ||
// @override | ||
// _MyScreenState createState() => new _MyScreenState(); | ||
// } | ||
|
||
// class _MyScreenState extends State<MyScreen> { | ||
// int _count = 0; | ||
|
||
// @override | ||
// Widget build(BuildContext context) { | ||
// return Scaffold( | ||
// body: GridTest(_count, _count), | ||
// floatingActionButton: FloatingActionButton( | ||
// child: Icon(Icons.add), | ||
// onPressed: () { | ||
// setState(() { | ||
// _count++; | ||
// }); | ||
// }, | ||
// ), | ||
// ); | ||
// } | ||
// } | ||
|
||
// class GridTest extends StatelessWidget { | ||
// GridTest(this.count, this.value); | ||
// final int count; | ||
// final int value; | ||
class StaggeredTest extends StatelessWidget { | ||
StaggeredTest(this.count, this.value); | ||
final int count; | ||
final int value; | ||
|
||
// @override | ||
// Widget build(BuildContext context) { | ||
// return GridView.builder( | ||
// gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( | ||
// crossAxisCount: 3, | ||
// crossAxisSpacing: 2, | ||
// mainAxisSpacing: 2, | ||
// ), | ||
// itemCount: count, | ||
// itemBuilder: (context, index) { | ||
// return Container( | ||
// color: Colors.blue, | ||
// child: Text('$value'), | ||
// ); | ||
// }, | ||
// ); | ||
// } | ||
// } | ||
|
||
// class StaggeredTest extends StatelessWidget { | ||
// StaggeredTest(this.count, this.value); | ||
// final int count; | ||
// final int value; | ||
|
||
// @override | ||
// Widget build(BuildContext context) { | ||
// return StaggeredGridView.countBuilder( | ||
// itemCount: count, | ||
// crossAxisCount: 3, | ||
// crossAxisSpacing: 2, | ||
// mainAxisSpacing: 2, | ||
// addAutomaticKeepAlives: false, | ||
// staggeredTileBuilder: (index) => StaggeredTile.extent(1, 30), | ||
// itemBuilder: (context, index) { | ||
// return Container( | ||
// color: Colors.green, | ||
// child: Text('$value'), | ||
// ); | ||
// }, | ||
// ); | ||
// } | ||
// } | ||
@override | ||
Widget build(BuildContext context) { | ||
return StaggeredGridView.countBuilder( | ||
itemCount: count, | ||
crossAxisCount: 3, | ||
crossAxisSpacing: 2, | ||
mainAxisSpacing: 2, | ||
addAutomaticKeepAlives: false, | ||
staggeredTileBuilder: (index) => StaggeredTile.extent(1, 30), | ||
itemBuilder: (context, index) { | ||
return Container( | ||
color: Colors.green, | ||
child: Text('$value'), | ||
); | ||
}, | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters