[01] About page — SLAM DUNK

Github

主要介面

角色介紹和電影版使用PageView呈現，調整viewportFraction使畫面上可以呈現3個Page，可以左右滑動，點擊跳轉到詳細介紹頁面

PageController pageController = PageController(
  viewportFraction: 0.7,
  initialPage: 2,
);

SingleChildScrollView(
  // SingleChildScrollView使內部內容可滾動。
  child: Text(
    info, // 顯示傳入的詳細信息文本。
    style: const TextStyle(
      color: Colors.black, // 文本顏色。
      fontSize: 14, // 文本大小。
      letterSpacing: 2.0, // 字母間距。
    ),
  ),
),

內容使用SingleChildScrollView實現可以滑動的文本

資訊頁面

點擊底下的bottomNavigationBar可以切換到資訊頁面，內容使用SingleChildScrollView實現可以滑動的文本