Tinyrack

Pagination

算出された番号範囲で Flutter の静的な結果ページをコンパクトに移動します。

算出された番号範囲で、静的な結果ページをコンパクトに移動します。

主なプロパティ

プロパティ説明
範囲boundaryCount, siblingCount
現在のページ1...totalPages の範囲に制限します

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

使用方法

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

TRPagination(
  currentPage: page,
  totalPages: 12,
  onPageChanged: setPage,
)

例

現在のページを制御 パーマリンク

ページ状態を親で管理し、項目を組み直さずに算出範囲を調整します。

API

TRPagination のプロパティ

Prop型 / デフォルト用途
currentPageint · required現在のページを選択します。
totalPagesint · requiredページの総数を設定します。
onPageChangedValueChanged<int> · requiredページ選択を受け取ります。
boundaryCount / siblingCountint · 1固定ページと隣接ページの数を調整します。