onPressed: () {
Navigator.pushNamed(
context,
‘/details/1’,
);
},
),
),
);
}
}
class DetailScreen extends StatelessWidget {
String id;
DetailScreen({
this.id,
});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(‘Viewing details for item $id’),
FlatButton(
child: Text(‘Pop!’),
onPressed: () {
Navigator.pop(context);
},
),
],
),
),
);
}
}
class UnknownScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Center(
child: Text(‘404!’),
),
);
}
}
這里，我們可以通過?RouteSettings?類型的對象?settings?可以拿到?Navigator.pushNamed?調(diào)用時傳入的參數(shù)。
Navigator 2.0
Navigator 2.0 提供了一系列全新的接口，可以實現(xiàn)將路由狀態(tài)成為應(yīng)用狀態(tài)的一部分，并能夠通過底層 API 實現(xiàn)參數(shù)解析的功能，新增的 API 如下：
-
Page，用來表示
Navigator路由棧中各個頁面的配置信息。 -
Router，用來制定要由
Navigator展示的頁面列表，通常，該頁面列表會根據(jù)系統(tǒng)或應(yīng)用程序的狀態(tài)改變而改變。 -
RouteInformationParser，持有
RouteInformationProvider提供的RouteInformation，可以將其解析為我們定義的數(shù)據(jù)類型。 -
RouterDelegate，定義應(yīng)用程序中的路由行為，例如 Router 如何知道應(yīng)用程序狀態(tài)的變化以及如何響應(yīng)。主要的工作就是監(jiān)聽
RouteInformationParser和應(yīng)用狀態(tài)并通過當(dāng)前頁面列表構(gòu)建 ·。 -
BackButtonDispatcher，響應(yīng)后退按鈕，并通知
Router
下圖展示了 RouterDelegate 與 Router、RouteInformationParser 以及用用狀態(tài)的交互原理，
大致流程如下：
-
當(dāng)系統(tǒng)打開新頁面（如
“books / 2”）時，RouteInformationParser會將其轉(zhuǎn)換為應(yīng)用中的具體數(shù)據(jù)類型 T（如BooksRoutePath）。 -
該數(shù)據(jù)類型會被傳遞給
RouterDelegate的setNewRoutePath方法，我們可以在這里更新路由狀態(tài)（如通過設(shè)置selectedBookId）并調(diào)用notifyListeners響應(yīng)該操作。 -
notifyListeners會通知Router重建RouterDelegate（通過build()方法）. -
RouterDelegate.build()返回一個新的Navigator實例，并最終展示出我們想要打開的頁面（如selectedBookId）。
Navigator 2.0 實戰(zhàn)
下面，我們就來使用 Navigator 2.0 做一個小小練習(xí)，我們將實現(xiàn)一個 Flutter 應(yīng)用，該應(yīng)用作用在 Web 上時路由狀態(tài)會與瀏覽器中的 URL 連接保持一致，而且也能夠處理瀏覽器的回退按鈕，如下：
接下來，使用?flutter channel master?將 Flutter 切換到 master 版本，創(chuàng)建一個支持 Web 應(yīng)用的 Flutter 項目，lib/main.dart?中的代碼如下：
import ‘package:flutter/material.dart’;
void main() {
runApp(BooksApp());
}
class Book {
final String title;
final String author;
Book(this.title, this.author);
}
class BooksApp extends StatefulWidget {
@override
State createState() => _BooksAppState();
}
class _BooksAppState extends State {
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Books App’,
home: Navigator(
pages: [
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: Scaffold(),
)
],
onPopPage: (route, result) => route.didPop(result),
),
);
}
}
Pages
Navigator 接受一個 pages 參數(shù)，如果 Page 列表發(fā)生變化，Navigator 也需要更新當(dāng)前路由棧來保持同步，下面我們就來使用該性質(zhì)，在新建的項目中開發(fā)一個可以展示書單列表的應(yīng)用
_BooksAppState 中持有兩個狀態(tài)參數(shù)：書單列表和當(dāng)前所選書籍：
class _BooksAppState extends State {
// New:
Book _selectedBook;
bool show404 = false;
List books = [
Book(‘Stranger in a Strange Land’, ‘Robert A. Heinlein’),
Book(‘Foundation’, ‘Isaac Asimov’),
Book(‘Fahrenheit 451’, ‘Ray Bradbury’),
];
// …
然后，在中_BooksAppState，返回一個帶有?Page?對象列表的?Navigator?：
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Books App’,
home: Navigator(
pages: [
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: BooksListScreen(
books: books,
onTapped: _handleBookTapped,
),
),
],
),
);
}
void _handleBookTapped(Book book) {
setState(() {
_selectedBook = book;
});
}
// …
class BooksListScreen extends StatelessWidget {
final List books;
final ValueChanged onTapped;
BooksListScreen({
@required this.books,
@required this.onTapped,
});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: ListView(
children: [
for (var book in books)
ListTile(
title: Text(book.title),
subtitle: Text(book.author),
onTap: () => onTapped(book),
)
],
),
);
}
}
由于此應(yīng)用會有兩個頁面（一個書單列表也和一個詳情的頁面），如果選擇了某本書（使用?collection if），則會加入詳細頁：
pages: [
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: BooksListScreen(
books: books,
onTapped: _handleBookTapped,
),
),
// New:
if (show404)
MaterialPage(key: ValueKey(‘UnknownPage’), child: UnknownScreen())
else if (_selectedBook != null)
MaterialPage(
key: ValueKey(_selectedBook),
child: BookDetailsScreen(book: _selectedBook))
],
注意，這里的 key 會由 book 對象中的值定義作為 MaterialPage 的唯一標(biāo)識，也就是說，book 對象不同這里的 MaterialPage 就不同。沒有唯一的 key，框架就無法確定何時顯示不同 Page 之間的過渡動畫。
我們還可以繼承 Page 來實現(xiàn)自定義行為，例如，在該頁面添加了自定義過渡動畫：
class BookDetailsPage extends Page {
final Book book;
BookDetailsPage({
this.book,
}) : super(key: ValueKey(book));
Route createRoute(BuildContext context) {
return PageRouteBuilder(
settings: this,
pageBuilder: (context, animation, animation2) {
final tween = Tween(begin: Offset(0.0, 1.0), end: Offset.zero);
final curveTween = CurveTween(curve: Curves.easeInOut);
return SlideTransition(
position: animation.drive(curveTween).drive(tween),
child: BookDetailsScreen(
key: ValueKey(book),
book: book,
),
);
},
);
}
}
還需要注意的是，只傳入 pages 參數(shù)而不傳入 onPopPage 也會報錯，他接受一個回調(diào)函數(shù)，每次 Navigator.pop() 被調(diào)用時就會出發(fā)這個函數(shù)，我們可以在其中更新路由狀態(tài)
最后，在pages不提供onPopPage回調(diào)的情況下提供參數(shù)是錯誤的。每次調(diào)用時都會Navigator.pop()調(diào)用此函數(shù)。應(yīng)該使用它來更新狀態(tài)（修改頁面列表），這里我們需要調(diào)用 didPop 方法確定是否 pop 成功：
onPopPage: (route, result) {
if (!route.didPop(result)) {
return false;
}
// Update the list of pages by setting _selectedBook to null
setState(() {
_selectedBook = null;
});
return true;
},
我們還必須在更新應(yīng)用程序狀態(tài)之前檢查是否 pop 失敗。這里，我們使用了?setState?方法來通知 Flutter 調(diào)用?build()?方法，該方法?_selectedBook?為 null 表示展示書單列表頁。
完整代碼如下：
import ‘package:flutter/material.dart’;
void main() {
runApp(BooksApp());
}
class Book {
final String title;
final String author;
Book(this.title, this.author);
}
class BooksApp extends StatefulWidget {
@override
State createState() => _BooksAppState();
}
class _BooksAppState extends State {
Book _selectedBook;
List books = [
Book(‘Stranger in a Strange Land’, ‘Robert A. Heinlein’),
Book(‘Foundation’, ‘Isaac Asimov’),
Book(‘Fahrenheit 451’, ‘Ray Bradbury’),
];
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Books App’,
home: Navigator(
pages: [
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: BooksListScreen(
books: books,
onTapped: _handleBookTapped,
),
),
if (_selectedBook != null) BookDetailsPage(book: _selectedBook)
],
onPopPage: (route, result) {
if (!route.didPop(result)) {
return false;
}
// Update the list of pages by setting _selectedBook to null
setState(() {
_selectedBook = null;
});
return true;
},
),
);
}
void _handleBookTapped(Book book) {
setState(() {
_selectedBook = book;
});
}
}
class BookDetailsPage extends Page {
final Book book;
BookDetailsPage({
this.book,
}) : super(key: ValueKey(book));
Route createRoute(BuildContext context) {
return MaterialPageRoute(
settings: this,
builder: (BuildContext context) {
return BookDetailsScreen(book: book);
},
);
}
}
class BooksListScreen extends StatelessWidget {
final List books;
final ValueChanged onTapped;
BooksListScreen({
@required this.books,
@required this.onTapped,
});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: ListView(
children: [
for (var book in books)
ListTile(
title: Text(book.title),
subtitle: Text(book.author),
onTap: () => onTapped(book),
)
],
),
);
}
}
class BookDetailsScreen extends StatelessWidget {
final Book book;
BookDetailsScreen({
@required this.book,
});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (book != null) …[
Text(book.title, style: Theme.of(context).textTheme.headline6),
Text(book.author, style: Theme.of(context).textTheme.subtitle1),
],
],
),
),
);
}
}
目前，我們就實現(xiàn)了聲明式的路由管理，單此時我們還無法處理瀏覽器的后退按鈕，也不能同步瀏覽器地址攔中的鏈接。
Router
本節(jié)，我們來實現(xiàn)通過 RouteInformationParser, RouterDelegate 更新路由狀態(tài)，實現(xiàn)與瀏覽器地址攔中的鏈接同步
數(shù)據(jù)類型
首先，我們需要通過 RouteInformationParser 將路由信息解析為指定的數(shù)據(jù)類型：
class BookRoutePath {
final int id;
final bool isUnknown;
-
BookRoutePath.home()
- id = null,
isUnknown = false;
BookRoutePath.details(this.id) : isUnknown = false;
-
BookRoutePath.unknown()
- id = null,
isUnknown = true;
bool get isHomePage => id == null;
bool get isDetailsPage => id != null;
}
在該應(yīng)用程序中，可以使用 BookRoutePath 類來表示應(yīng)用程序中的路由路徑，我們也可以實現(xiàn)父子類來關(guān)系其他各類型的路由信息。
RouterDelegate
接下來，我們實現(xiàn)一個 RouterDelegate 的子類 BookRouterDelegate：
class BookRouterDelegate extends RouterDelegate
with ChangeNotifier, PopNavigatorRouterDelegateMixin {
@override
Widget build(BuildContext context) {
// TODO
throw UnimplementedError();
}
@override
// TODO
GlobalKey get navigatorKey => throw UnimplementedError();
@override
Future setNewRoutePath(BookRoutePath configuration) {
// TODO
throw UnimplementedError();
}
}
BookRouterDelegate 的泛型為 BookRoutePath，其中包含了決定顯示哪個頁面所需的所有狀態(tài)。
此時，我們就可以將 _BooksAppState 中的路由相關(guān)的邏輯放到 BookRouterDelegate 中，這里，我們創(chuàng)建了一個 GlobalKey 對象，其他各個狀態(tài)也都保存在這里面：
class BookRouterDelegate extends RouterDelegate
with ChangeNotifier, PopNavigatorRouterDelegateMixin {
final GlobalKey navigatorKey;
Book _selectedBook;
bool show404 = false;
List books = [
Book(‘Stranger in a Strange Land’, ‘Robert A. Heinlein’),
Book(‘Foundation’, ‘Isaac Asimov’),
Book(‘Fahrenheit 451’, ‘Ray Bradbury’),
];
BookRouterDelegate() : navigatorKey = GlobalKey();
// …
為了能在 URL 中顯示正確的路徑，我們也需要根據(jù)應(yīng)用程序的當(dāng)前狀態(tài)返回一個?BookRoutePath?對象：
BookRoutePath get currentConfiguration {
if (show404) {
return BookRoutePath.unknown();
}
return _selectedBook == null
-
? BookRoutePath.home()
- BookRoutePath.details(books.indexOf(_selectedBook));
}
下面，build?方法返回一個?Navigator?組件：
@override
Widget build(BuildContext context) {
return Navigator(
key: navigatorKey,
pages: [
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: BooksListScreen(
books: books,
onTapped: _handleBookTapped,
),
),
if (show404)
MaterialPage(key: ValueKey(‘UnknownPage’), child: UnknownScreen())
else if (_selectedBook != null)
BookDetailsPage(book: _selectedBook)
],
onPopPage: (route, result) {
if (!route.didPop(result)) {
return false;
}
// Update the list of pages by setting _selectedBook to null
_selectedBook = null;
show404 = false;
notifyListeners();
return true;
},
);
}
因為該類并不是組件，而是由 ChangeNotifier 實現(xiàn)，因此這里的 onPopPage 方法需要使用 notifyListeners 替代 setState 來改變狀態(tài)，當(dāng) RouterDelegate 觸發(fā)狀態(tài)更新時，Router 同樣會觸發(fā) RouterDelegate 的 currentConfiguration 方法并調(diào)用 build 方法創(chuàng)建出一個新的 Navigator 組件。
_handleBookTapped方法也需要使用 notifyListeners 代替 setState：
void _handleBookTapped(Book book) {
_selectedBook = book;
notifyListeners();
}
新頁面打開后，Router?會調(diào)用setNewRoutePath?方法來更新應(yīng)用程序的路由狀態(tài)：
@override
Future setNewRoutePath(BookRoutePath path) async {
if (path.isUnknown) {
_selectedBook = null;
show404 = true;
return;
}
if (path.isDetailsPage) {
if (path.id < 0 || path.id > books.length - 1) {
show404 = true;
return;
}
_selectedBook = books[path.id];
} else {
_selectedBook = null;
}
show404 = false;
}
RouteInformationParser
RouteInformationParser?內(nèi)部含有一個鉤子函數(shù)，接受路由信息（RouteInformation），我們可以在這里將它轉(zhuǎn)換成指定的數(shù)據(jù)類型（BookRoutePath）并使用 Uri 解析：
class BookRouteInformationParser extends RouteInformationParser {
@override
Future parseRouteInformation(
RouteInformation routeInformation) async {
final uri = Uri.parse(routeInformation.location);
// Handle ‘/’
if (uri.pathSegments.length == 0) {
return BookRoutePath.home();
}
// Handle ‘/book/:id’
if (uri.pathSegments.length == 2) {
if (uri.pathSegments[0] != ‘book’) return BookRoutePath.unknown();
var remaining = uri.pathSegments[1];
var id = int.tryParse(remaining);
if (id == null) return BookRoutePath.unknown();
return BookRoutePath.details(id);
}
// Handle unknown routes
return BookRoutePath.unknown();
}
@override
RouteInformation restoreRouteInformation(BookRoutePath path) {
if (path.isUnknown) {
return RouteInformation(location: ‘/404’);
}
if (path.isHomePage) {
return RouteInformation(location: ‘/’);
}
if (path.isDetailsPage) {
return RouteInformation(location: ‘/book/${path.id}’);
}
return null;
}
}
該實現(xiàn)僅針對此應(yīng)用，并不是常規(guī)的路由解析解決方案，具體原理，我們以后再詳細了解。最后，要使用這些定義好的類，我們還需要使用全新的?MaterialApp.router?構(gòu)造函數(shù)并傳入它們各自的實現(xiàn)：
return MaterialApp.router(
title: ‘Books App’,
routerDelegate: _routerDelegate,
routeInformationParser: _routeInformationParser,
);
完整代碼如下：
import ‘package:flutter/material.dart’;
void main() {
runApp(BooksApp());
}
class Book {
final String title;
final String author;
Book(this.title, this.author);
}
class BooksApp extends StatefulWidget {
@override
State createState() => _BooksAppState();
}
class _BooksAppState extends State {
BookRouterDelegate _routerDelegate = BookRouterDelegate();
BookRouteInformationParser _routeInformationParser =
BookRouteInformationParser();
@override
Widget build(BuildContext context) {
return MaterialApp.router(
title: ‘Books App’,
routerDelegate: _routerDelegate,
routeInformationParser: _routeInformationParser,
);
}
}
class BookRouteInformationParser extends RouteInformationParser {
@override
Future parseRouteInformation(
RouteInformation routeInformation) async {
final uri = Uri.parse(routeInformation.location);
// Handle ‘/’
if (uri.pathSegments.length == 0) {
return BookRoutePath.home();
}
// Handle ‘/book/:id’
if (uri.pathSegments.length == 2) {
if (uri.pathSegments[0] != ‘book’) return BookRoutePath.unknown();
var remaining = uri.pathSegments[1];
var id = int.tryParse(remaining);
if (id == null) return BookRoutePath.unknown();
return BookRoutePath.details(id);
}
// Handle unknown routes
return BookRoutePath.unknown();
}
@override
RouteInformation restoreRouteInformation(BookRoutePath path) {
if (path.isUnknown) {
return RouteInformation(location: ‘/404’);
}
if (path.isHomePage) {
return RouteInformation(location: ‘/’);
}
if (path.isDetailsPage) {
return RouteInformation(location: ‘/book/${path.id}’);
}
return null;
}
}
class BookRouterDelegate extends RouterDelegate
with ChangeNotifier, PopNavigatorRouterDelegateMixin {
final GlobalKey navigatorKey;
Book _selectedBook;
bool show404 = false;
List books = [
Book(‘Stranger in a Strange Land’, ‘Robert A. Heinlein’),
Book(‘Foundation’, ‘Isaac Asimov’),
Book(‘Fahrenheit 451’, ‘Ray Bradbury’),
];
BookRouterDelegate() : navigatorKey = GlobalKey();
BookRoutePath get currentConfiguration {
if (show404) {
return BookRoutePath.unknown();
}
return _selectedBook == null
-
? BookRoutePath.home()
- BookRoutePath.details(books.indexOf(_selectedBook));
}
@override
Widget build(BuildContext context) {
return Navigator(
key: navigatorKey,
pages: [
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: BooksListScreen(
books: books,
onTapped: _handleBookTapped,
),
),
if (show404)
MaterialPage(key: ValueKey(‘UnknownPage’), child: UnknownScreen())
else if (_selectedBook != null)
BookDetailsPage(book: _selectedBook)
],
onPopPage: (route, result) {
if (!route.didPop(result)) {
return false;
}
// Update the list of pages by setting _selectedBook to null
_selectedBook = null;
show404 = false;
notifyListeners();
return true;
},
);
}
@override
自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進入阿里一直到現(xiàn)在。
深知大多數(shù)初中級Android工程師，想要提升技能，往往是自己摸索成長或者是報班學(xué)習(xí)，但對于培訓(xùn)機構(gòu)動則近萬的學(xué)費，著實壓力不小。自己不成體系的自學(xué)效果低效又漫長，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年Android移動開發(fā)全套學(xué)習(xí)資料》，初衷也很簡單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時減輕大家的負擔(dān)。
既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗的小伙伴深入學(xué)習(xí)提升的進階課程，基本涵蓋了95%以上Android開發(fā)知識點，真正體系化！
由于文件比較大，這里只是將部分目錄截圖出來，每個節(jié)點里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實戰(zhàn)項目、講解視頻，并且會持續(xù)更新！
如果你覺得這些內(nèi)容對你有幫助，可以掃碼獲?。。。▊渥ⅲ篈ndroid）文章來源：http://www.zghlxwxcb.cn/news/detail-848518.html
推薦學(xué)習(xí)資料
-
腦圖
《互聯(lián)網(wǎng)大廠面試真題解析、進階開發(fā)核心學(xué)習(xí)筆記、全套講解視頻、實戰(zhàn)項目源碼講義》點擊傳送門即可獲??！文章來源地址http://www.zghlxwxcb.cn/news/detail-848518.html
[
MaterialPage(
key: ValueKey(‘BooksListPage’),
child: BooksListScreen(
books: books,
onTapped: _handleBookTapped,
),
),
if (show404)
MaterialPage(key: ValueKey(‘UnknownPage’), child: UnknownScreen())
else if (_selectedBook != null)
BookDetailsPage(book: _selectedBook)
],
onPopPage: (route, result) {
if (!route.didPop(result)) {
return false;
}
// Update the list of pages by setting _selectedBook to null
_selectedBook = null;
show404 = false;
notifyListeners();
return true;
},
);
}
@override
自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進入阿里一直到現(xiàn)在。
深知大多數(shù)初中級Android工程師，想要提升技能，往往是自己摸索成長或者是報班學(xué)習(xí)，但對于培訓(xùn)機構(gòu)動則近萬的學(xué)費，著實壓力不小。自己不成體系的自學(xué)效果低效又漫長，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年Android移動開發(fā)全套學(xué)習(xí)資料》，初衷也很簡單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時減輕大家的負擔(dān)。
[外鏈圖片轉(zhuǎn)存中…(img-9PMPoVOL-1712507128125)]
[外鏈圖片轉(zhuǎn)存中…(img-AeGeEdAb-1712507128125)]
[外鏈圖片轉(zhuǎn)存中…(img-TrXmGqgo-1712507128126)]
[外鏈圖片轉(zhuǎn)存中…(img-vzOtxhmP-1712507128126)]
[外鏈圖片轉(zhuǎn)存中…(img-2tXefhBn-1712507128126)]
既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗的小伙伴深入學(xué)習(xí)提升的進階課程，基本涵蓋了95%以上Android開發(fā)知識點，真正體系化！
由于文件比較大，這里只是將部分目錄截圖出來，每個節(jié)點里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實戰(zhàn)項目、講解視頻，并且會持續(xù)更新！
如果你覺得這些內(nèi)容對你有幫助，可以掃碼獲?。。。▊渥ⅲ篈ndroid）
推薦學(xué)習(xí)資料
-
腦圖
[外鏈圖片轉(zhuǎn)存中…(img-X0wQZVPj-1712507128126)]
[外鏈圖片轉(zhuǎn)存中…(img-If4CUb2J-1712507128127)]
[外鏈圖片轉(zhuǎn)存中…(img-lpVT5oDz-1712507128127)]
《互聯(lián)網(wǎng)大廠面試真題解析、進階開發(fā)核心學(xué)習(xí)筆記、全套講解視頻、實戰(zhàn)項目源碼講義》點擊傳送門即可獲??！
到了這里，關(guān)于Flutter Navigator 2(1)，一個Android程序員的面試心得的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
