我有一个问题。

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

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

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

但这是行不通的。

我不能使用 flex ,spacer ..等。因为SingleChildScrollView

那怎么办
flutter -  flutter SingleChildScrollView和列位置-LMLPHP

最佳答案

作为选择

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],
            ),
          ),
        ),
      ],
    );
  }
}

flutter -  flutter SingleChildScrollView和列位置-LMLPHP

关于flutter - flutter SingleChildScrollView和列位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60830097/

10-10 08:20