Flutter订单簿管理插件order_book的使用

Flutter订单簿管理插件order_book的使用

特性

  • 订单簿小部件：此插件提供了一个订单簿小部件，用于在应用中展示订单簿数据。

使用方法

您可以从/example文件夹中的示例代码中查看演示。

示例代码

import 'package:flutter/material.dart';
import 'package:order_book/order_book.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 此小部件是您的应用程序的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '订单簿演示',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      debugShowCheckedModeBanner: false,
      home: const OrderBookDemo(),
    );
  }
}

class OrderBookDemo extends StatefulWidget {
  const OrderBookDemo({Key? key}) : super(key: key);

  [@override](/user/override)
  State<OrderBookDemo> createState() => _OrderBookDemoState();
}

class _OrderBookDemoState extends State<OrderBookDemo> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return SafeArea(child: Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.black,
        title: const Text(
          '订单簿演示',
          style: TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.w600
          ),
        ),
        centerTitle: true,
      ),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(20.0),
        child: Center(
          child: SizedBox(
            width: MediaQuery.of(context).size.width,
            height: 300,
            child: OrderBookWidget(
              pair: 'ethusdt', // 交易对
              count: 10, // 显示的订单数量
              loaderColor: Colors.black, // 加载指示器颜色
              onClick: (value){
                print(value.toString()); // 点击事件处理
              },
              priceWidget: const Text(
                '价格',
                style: TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.w600
                ),
                textAlign: TextAlign.start,
              ),
              volumeWidget: const Text(
                '数量',
                style: TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.w600
                ),
                textAlign: TextAlign.end,
              ),
              buyPriceStyle: const TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.w800,
                color: Colors.green // 买单价格样式
              ),
              buyVolumeStyle: const TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w800,
                  color: Colors.black87 // 买单数量样式
              ),
              sellPriceStyle: const TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w800,
                  color: Colors.red // 卖单价格样式
              ),
              sellVolumeStyle: const TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w800,
                  color: Colors.black87 // 卖单数量样式
              ),
            ),
          ),
        ),
      ),
    ));
  }
}

更多关于Flutter订单簿管理插件order_book的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter订单簿管理插件order_book的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中，order_book 是一个用于管理订单簿的插件。订单簿通常用于金融交易应用程序，显示当前市场中的买入和卖出订单。order_book 插件可以帮助你方便地管理和显示这些订单。

下面是一个简单的示例，展示如何使用 order_book 插件来管理和显示订单簿。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 order_book 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  order_book: ^0.1.0  # 请根据实际情况使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在需要使用 order_book 的文件中，导入包：

import 'package:order_book/order_book.dart';

3. 创建订单簿

你可以通过 OrderBook 类来创建一个订单簿。以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:order_book/order_book.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: OrderBookExample(),
    );
  }
}

class OrderBookExample extends StatefulWidget {
  @override
  _OrderBookExampleState createState() => _OrderBookExampleState();
}

class _OrderBookExampleState extends State<OrderBookExample> {
  OrderBook orderBook = OrderBook();

  @override
  void initState() {
    super.initState();
    // 初始化订单簿
    orderBook.addBid(100.0, 10.0); // 添加买入订单
    orderBook.addAsk(101.0, 5.0);  // 添加卖出订单
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Order Book Example'),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: orderBook.bids.length,
              itemBuilder: (context, index) {
                var bid = orderBook.bids[index];
                return ListTile(
                  title: Text('Bid: ${bid.price}'),
                  subtitle: Text('Quantity: ${bid.quantity}'),
                );
              },
            ),
          ),
          Expanded(
            child: ListView.builder(
              itemCount: orderBook.asks.length,
              itemBuilder: (context, index) {
                var ask = orderBook.asks[index];
                return ListTile(
                  title: Text('Ask: ${ask.price}'),
                  subtitle: Text('Quantity: ${ask.quantity}'),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}

4. 添加和删除订单

你可以使用 addBid 和 addAsk 方法来添加买入和卖出订单：

orderBook.addBid(100.0, 10.0); // 添加买入订单
orderBook.addAsk(101.0, 5.0);  // 添加卖出订单

你也可以使用 removeBid 和 removeAsk 方法来删除订单：

orderBook.removeBid(100.0); // 删除价格为100.0的买入订单
orderBook.removeAsk(101.0); // 删除价格为101.0的卖出订单
回到顶部