24
This commit is contained in:
toly
22
lib/pages/dashboard/chat_room.dart
Normal file
22
lib/pages/dashboard/chat_room.dart
Normal file
@@ -0,0 +1,22 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class ChatRoom extends StatelessWidget {
|
||||
final String? roomId;
|
||||
const ChatRoom({super.key, required this.roomId});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Material(
|
||||
child: Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text('id: ${roomId}',style: TextStyle(fontSize: 32)),
|
||||
const SizedBox(height: 16,),
|
||||
Text('交流区正在建设中...',style: TextStyle(fontSize: 32),),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
51
lib/pages/dashboard/view_book/book_cell.dart
Normal file
51
lib/pages/dashboard/view_book/book_cell.dart
Normal file
@@ -0,0 +1,51 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/src/gestures/events.dart';
|
||||
|
||||
import '../view_books.dart';
|
||||
|
||||
class BookCell extends StatefulWidget {
|
||||
final BookInfo bookInfo;
|
||||
const BookCell({super.key, required this.bookInfo});
|
||||
|
||||
@override
|
||||
State<BookCell> createState() => _BookCellState();
|
||||
}
|
||||
|
||||
class _BookCellState extends State<BookCell> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MouseRegion(
|
||||
onEnter: _onEnter,
|
||||
cursor: SystemMouseCursors.click,
|
||||
child: Center(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Center(child: ClipRRect(
|
||||
child: Image.asset(widget.bookInfo.cover),
|
||||
borderRadius:BorderRadius.circular(8)
|
||||
))),
|
||||
const SizedBox(height: 8),
|
||||
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
||||
child: Text(
|
||||
'${widget.bookInfo.info}',
|
||||
style:
|
||||
TextStyle(fontSize: 12, color: Color(0xff515767)),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _onEnter(PointerEnterEvent event) {
|
||||
|
||||
}
|
||||
}
|
||||
37
lib/pages/dashboard/view_book/title_group.dart
Normal file
37
lib/pages/dashboard/view_book/title_group.dart
Normal file
@@ -0,0 +1,37 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class TitleGroup extends StatelessWidget {
|
||||
final String title;
|
||||
const TitleGroup({super.key, required this.title});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
const SizedBox(
|
||||
height: 16,
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
const SizedBox(
|
||||
width: 16,
|
||||
),
|
||||
CircleAvatar(
|
||||
radius: 6,
|
||||
),
|
||||
const SizedBox(
|
||||
width: 16,
|
||||
),
|
||||
Text(
|
||||
title,
|
||||
style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(
|
||||
height: 16,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
186
lib/pages/dashboard/view_books.dart
Normal file
186
lib/pages/dashboard/view_books.dart
Normal file
@@ -0,0 +1,186 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'view_book/book_cell.dart';
|
||||
import 'view_book/title_group.dart';
|
||||
|
||||
class BookInfo {
|
||||
final String name;
|
||||
final String path;
|
||||
final String url;
|
||||
final String price;
|
||||
final String info;
|
||||
final String cover;
|
||||
|
||||
BookInfo({
|
||||
required this.name,
|
||||
required this.path,
|
||||
required this.url,
|
||||
required this.price,
|
||||
required this.info,
|
||||
required this.cover,
|
||||
});
|
||||
}
|
||||
|
||||
List<BookInfo> kBooks = [
|
||||
BookInfo(
|
||||
name: 'Flutter语言基础·梦始之地',
|
||||
path: 'dream',
|
||||
url: 'https://juejin.cn/book/6844733827617652750',
|
||||
info: '从语法到思想，欢迎来到 Flutter 梦开始的地方',
|
||||
cover: 'assets/images/dream.webp',
|
||||
price: '3.5',
|
||||
),
|
||||
BookInfo(
|
||||
name: 'Flutter绘制指南·妙笔生花',
|
||||
path: 'draw',
|
||||
url: 'https://juejin.cn/book/6844733827265331214',
|
||||
info: '带你见证 Flutter 的绘制之美，擦出创造的火花',
|
||||
cover: 'assets/images/draw.webp',
|
||||
price: '3.28',
|
||||
),
|
||||
BookInfo(
|
||||
name: 'Flutter布局探索·薪火相传',
|
||||
path: 'layout',
|
||||
url: 'https://juejin.cn/book/7075958265250578469',
|
||||
info: '由浅入深，从源码探索 Flutter 布局原理',
|
||||
cover: 'assets/images/layout.webp',
|
||||
price: '3.5',
|
||||
),
|
||||
BookInfo(
|
||||
name: 'Flutter手势探索·执掌天下',
|
||||
path: 'touch',
|
||||
url: 'https://juejin.cn/book/6896378716427911181',
|
||||
info: 'Flutter 手势探索，用你的手指，掌控着整个屏幕世界 ',
|
||||
cover: 'assets/images/touch.webp',
|
||||
price: '3.5',
|
||||
),
|
||||
BookInfo(
|
||||
name: 'Flutter滑动探索·珠联璧合',
|
||||
path: 'scroll',
|
||||
url: 'https://juejin.cn/book/6984685333312962573',
|
||||
info: '从源码入手，带你深入探索 Flutter 滑动体系',
|
||||
price: '3.5',
|
||||
cover: 'assets/images/scroll.webp',
|
||||
),
|
||||
BookInfo(
|
||||
name: 'Flutter动画探索·流光幻影',
|
||||
path: 'anima',
|
||||
url: 'https://juejin.cn/book/6965102582473687071',
|
||||
info: 'Flutter 动画探索，一起去见证 Flutter 动画的风采',
|
||||
cover: 'assets/images/anima.webp',
|
||||
price: '3.5',
|
||||
),
|
||||
|
||||
BookInfo(
|
||||
name: 'Flutter渲染机制·聚沙成塔',
|
||||
path: 'dream',
|
||||
url: 'https://juejin.cn/book/7084139149673889805',
|
||||
info: '全面探索框架源码，助你攀登九层之台，一览顶上风采',
|
||||
price: '3.5',
|
||||
cover: 'assets/images/render.webp',
|
||||
),
|
||||
];
|
||||
List<BookInfo> freeBooks = [
|
||||
BookInfo(
|
||||
name: 'Flutter 入门教程',
|
||||
path: 'first',
|
||||
url: 'https://juejin.cn/book/7212822723330834487',
|
||||
info: '以有趣的案例为基础，带你入门 Flutter 技术',
|
||||
cover: 'assets/images/first.webp',
|
||||
price: '0',
|
||||
),
|
||||
];
|
||||
|
||||
List<BookInfo> projectBooks = [
|
||||
BookInfo(
|
||||
name: 'Flutter 实战：正则匹配应用',
|
||||
path: 'regex',
|
||||
url: 'https://juejin.cn/book/7161060514377203751',
|
||||
info: '从思想分析到实践， Flutter 全平台玩转正则表达式',
|
||||
cover: 'assets/images/regex.webp',
|
||||
price: '0',
|
||||
),
|
||||
];
|
||||
|
||||
|
||||
class ViewBooks extends StatelessWidget {
|
||||
const ViewBooks({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
SliverGridDelegate gridDelegate =
|
||||
const SliverGridDelegateWithMaxCrossAxisExtent(
|
||||
maxCrossAxisExtent: 240,
|
||||
mainAxisSpacing: 10,
|
||||
mainAxisExtent: 280,
|
||||
crossAxisSpacing: 10,
|
||||
);
|
||||
return CustomScrollView(
|
||||
slivers: [
|
||||
|
||||
SliverToBoxAdapter(
|
||||
child: TitleGroup(title: 'Flutter 七剑合璧',),
|
||||
),
|
||||
|
||||
SliverGrid(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(_, i) => BookCell(bookInfo:kBooks[i]),
|
||||
childCount: kBooks.length,
|
||||
),
|
||||
gridDelegate: gridDelegate),
|
||||
|
||||
SliverToBoxAdapter(
|
||||
child: TitleGroup(title: 'Flutter 实战探索',),
|
||||
),
|
||||
|
||||
|
||||
SliverGrid(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(_, i) => BookCell(bookInfo:projectBooks[i]),
|
||||
childCount: projectBooks.length,
|
||||
),
|
||||
gridDelegate: gridDelegate),
|
||||
|
||||
SliverToBoxAdapter(
|
||||
child: TitleGroup(title: 'Flutter 免费小册',),
|
||||
),
|
||||
SliverGrid(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(_, i) => BookCell(bookInfo:freeBooks[i]),
|
||||
childCount: freeBooks.length,
|
||||
),
|
||||
gridDelegate: gridDelegate),
|
||||
],
|
||||
);
|
||||
|
||||
// SliverGridDelegate gridDelegate = const SliverGridDelegateWithMaxCrossAxisExtent(
|
||||
// maxCrossAxisExtent: 240,
|
||||
// mainAxisSpacing: 10,
|
||||
// mainAxisExtent: 260,
|
||||
// crossAxisSpacing: 10,
|
||||
// );
|
||||
// return GridView.builder(
|
||||
// padding: EdgeInsets.all(10),
|
||||
// gridDelegate: gridDelegate,
|
||||
// itemBuilder: (_, i) {
|
||||
// BookInfo bookInfo = kBooks[i];
|
||||
// return Center(
|
||||
// child: Padding(
|
||||
// padding: EdgeInsets.symmetric(horizontal: 10,vertical: 6),
|
||||
// child: Column(
|
||||
// crossAxisAlignment: CrossAxisAlignment.start,
|
||||
// children: [
|
||||
// Expanded(child: Center(child: Image.asset(bookInfo.cover))),
|
||||
// const SizedBox(height: 6,),
|
||||
// Text('${bookInfo.name}',style: TextStyle(fontSize: 14,fontWeight: FontWeight.bold),),
|
||||
// const SizedBox(height: 6,),
|
||||
// Text('${bookInfo.info}',style: TextStyle(fontSize: 12,color: Color(0xff515767)),),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// },
|
||||
// itemCount: kBooks.length,
|
||||
// );
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user