flutter_server_box/lib/view/page/server/detail.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:toolbox/data/model/server.dart';
import 'package:toolbox/data/model/server_status.dart';
import 'package:toolbox/data/provider/server.dart';

class ServerDetailPage extends StatefulWidget {
  const ServerDetailPage(this.id, {Key? key}) : super(key: key);

  final String id;

  @override
  _ServerDetailPageState createState() => _ServerDetailPageState();
}

class _ServerDetailPageState extends State<ServerDetailPage> {
  @override
  Widget build(BuildContext context) {
    return Consumer<ServerProvider>(builder: (_, provider, __) {
      return _buildMainPage(provider.servers.firstWhere((e) => e.client.id == widget.id));
    });
  }

  Widget _buildMainPage(ServerInfo si) {
    return Scaffold(
      appBar: AppBar(title: Text(si.info.name ?? 'Server Detail'),),
      body: ListView(
      children: [
        _buildCPUView(si.status),
        _buildMemView(si.status)
      ],
    ),
    );
  }

  Widget _buildCPUView(ServerStatus ss) {
    return Text(ss.cpuPercent!.toString());
  }

  Widget _buildMemView(ServerStatus ss) {
    return Text(ss.memList!.length.toString());
  }
}