A Store 就像一个小型仓库，只存放该页面或该业务线所需的所有信号和请求逻辑。下面以「商品列表」为例：

import 'package:signals/signals.dart';
import 'package:my_app/api.dart';
enum ListStatus { idle, loading, error, empty, success }
class ProductStore {
  // 页面状态
  final status = signal;
  // 列表数据
  final items = signal;
  // 当前页码
  final page = signal;
  // 是否还有geng多
  final hasMore = signal;
  // 拉取第一页
  Future refresh async {
    page.value = 1;
    hasMore.value = true;
    await _fetch;
  }
  // 加载下一页
  Future loadMore async {
    if  return;
    page.value += 1;
    await _fetch;
  }
  // 真正的数据请求实现
  Future _fetch async {
    status.value = ListStatus.loading;
    try {
      final resp = await Api.getProducts;
      final list = resp?.data ?? ;
      if  {
        items.value = list;
      } else {
        items.value = ;
      }
      hasMore.value = list.isNotEmpty;
      status.value =
          items.value.isEmpty ? ListStatus.empty : ListStatus.success;
    } catch  {
      status.value = ListStatus.error;
    }
  }
  // 登录按钮是否可点
  late final canSubmit = computed =>
      phone.value.length == 11 && code.value.length == 6);
}

*Watch* 会自动追踪内部读取到的所有信号，一旦任意信号变化，只会重建对应的子树。

import 'package:flutter/material.dart';
import 'package:signals_flutter/signals_flutter.dart';
import 'product_store.dart';
class ProductListPage extends StatefulWidget {
 const ProductListPage : super;
 @override
 State createState => _ProductListPageState;
}
class _ProductListPageState extends State {
 final store = ProductStore;
 @override
 void initState {
   super.initState;
   store.refresh;
 }
 @override
 Widget build {
   return Scaffold(
     backgroundColor: Colors.white,
     appBar: AppBar),
     backgroundColor: Colors.white,
   						 
					 {
						// 根据不同状态展示不同 UI
						if (store.status.value == ListStatus.loading &&
					x) {
		�;return const Center);
�}
xif  {
�;return Center(
�;child:ElevatedButton(
�;onPressed:store.refresh,
�;child:text));
}
xif  {
�;return const Center);
}
x// 正常展示列表：
�;return NotificationListener( 
 �;;onNotification:{
 �;;if{
 �;;store.loadMore; 
 �;;} 
 x ;return false;}
 , child:listView.builder(
   itemCount: store.items .value.length + ,
   itemBuilder:{
     if{
       return const Padding(padding:
         EdgeInsets.symmetric,
         child:center));
     }
     final p= store.items .value;
     return ListTile);
   }));
}) ),
);}});
}