可容纳一个子组件，通过控制基线高度来控制子组件的位置。一般用于文字组件。

相关组件

Text

Baseline基本使用

  1.    <br />【child】 : 孩子组件   【Widget】<br />【baseline】 : 基线位置   【double】<br />【baselineType】 : 基线类型   【TextBaseline】<br />![196.gif](https://cdn.nlark.com/yuque/0/2020/gif/326147/1589508836830-928e9e4f-1414-4d53-9b8a-243ab39e07c1.gif#align=left&display=inline&height=224&margin=%5Bobject%20Object%5D&name=196.gif&originHeight=224&originWidth=370&size=300196&status=done&style=none&width=370)
  1. import 'package:flutter/material.dart';
  2. class CustomBaseline extends StatefulWidget {
  3.   @override
  4.   _CustomBaselineState createState() => _CustomBaselineState();
  5. }
  7. class _CustomBaselineState extends State<CustomBaseline> {
  8.   double _baseline=20;
  10.   @override
  11.   Widget build(BuildContext context) {
  13.     var childBox = Text(
  14.       '你好,Flutter',
  15.       style: TextStyle(fontSize: 20,fontFamily: "Menlo"),
  16.     );
  19.     var baseline = Baseline(
  20.         child: childBox,
  21.         baseline: _baseline,
  22.         baselineType: TextBaseline.alphabetic
  23.     );
  25.     return Column(
  26.       children: <Widget>[
  27.         _buildSlider(),
  28.         Container(
  29.           width: 100/0.618,
  30.           height: 100,
  31.           color: Colors.grey.withAlpha(22),
  32.           child: baseline,
  33.         ),
  34.       ],
  35.     );
  36.   }
  38.   Widget _buildSlider() => Slider(
  39.       divisions: 20,
  40.       min: 0,
  41.       max: 60,
  42.       label: _baseline.toString(),
  43.       value: _baseline,
  44.       onChanged: (v) => setState(() => _baseline = v));
  45. }