在Flutter中，fluid 并不是一个官方提供的布局插件，但通常开发者可能会提及“流体布局”来指代能够自适应屏幕大小变化的布局方式。在Flutter中，这通常可以通过使用Flexible、Expanded、FittedBox、AspectRatio等组件来实现。

不过，如果你是在寻找一个第三方库来实现更高级的流体布局效果，你可能需要具体指明是哪个库，因为Flutter社区中有很多第三方库，每个库都有其特定的用法。

但基于你提到的“流体布局”，这里我将展示如何使用Flutter内置的布局组件来实现一个简单的流体布局效果。假设我们想要创建一个可以根据屏幕大小自动调整其子组件大小的布局。

使用Row和Expanded实现流体布局

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Fluid Layout Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Row(
            children: <Widget>[
              // 第一个子组件占据剩余空间的1/3
              Expanded(
                flex: 1,
                child: Container(
                  color: Colors.blue,
                  child: Center(
                    child: Text(
                      '1/3',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ),
              // 垂直分隔线
              VerticalDivider(width: 8.0),
              // 第二个子组件占据剩余空间的2/3
              Expanded(
                flex: 2,
                child: Container(
                  color: Colors.green,
                  child: Center(
                    child: Text(
                      '2/3',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们使用了Row来水平排列子组件，并使用Expanded来使子组件根据剩余空间的比例来分配大小。flex属性决定了每个Expanded子组件应该占据多少比例的空间。

使用Column和Flexible实现垂直流体布局

类似地，我们可以使用Column和Flexible来实现垂直方向的流体布局：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Vertical Fluid Layout Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: <Widget>[
              // 第一个子组件占据剩余空间的1/4
              Flexible(
                flex: 1,
                child: Container(
                  color: Colors.red,
                  child: Center(
                    child: Text(
                      '1/4',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ),
              // 第二个子组件占据剩余空间的3/4
              Flexible(
                flex: 3,
                child: Container(
                  color: Colors.purple,
                  child: Center(
                    child: Text(
                      '3/4',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们使用了Column来垂直排列子组件，并使用Flexible来使子组件根据剩余空间的比例来分配大小。

这些例子展示了如何使用Flutter内置的布局组件来实现流体布局效果。如果你确实在寻找一个特定的第三方库，请提供更多细节，以便我能给出更准确的代码示例。