flutter SingleChildScrollView 和 Column 位置

Question

我有一个问题。

我的应用是SingleChildScrollView -> column -> children: A,B(variable height),C
我期待

如果 A,B,C 没有溢出。
C位置是屏幕的底部。

如果 A,B,C 溢出。
C位置是内容的尾部。

但这是行不通的。

我不能使用灵活的、spacer..etc.. 因为 SingleChildScrollView

怎么能这样做？

Answer 1

作为选项

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(child: SomeWidget()),
      ),
    );
  }
}

class SomeWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      slivers: <Widget>[
        SliverToBoxAdapter(
          child: Container(
            height: 340,
            color: Colors.red[200],
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            height: 620,
            color: Colors.orange[200],
          ),
        ),
        SliverFillRemaining(
          hasScrollBody: false,
          child: Align(
            alignment: Alignment.bottomCenter,
            child: Container(
              height: 80,
              color: Colors.green[200],
            ),
          ),
        ),
      ],
    );
  }
}