問題タブ [vertical-scroll]

目標:この列を (垂直方向に) スクロール可能にする必要があります。

予想:この列はスクロール可能です。

実際:コンソールにエラーが表示され、アプリに空白の白い画面が表示されます。

言及するために、スタック オーバーフローに関する他の BoxConstraints の質問を読みました。

残念ながらうまくいきませんでした。

最終的に、さまざまな身長の子供たちのコラムができました。子を合わせた高さがビューポートの高さを超えています。

私は SingleChildScrollview を使用し、次の指示に従いました。

https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html

LayoutBuilder、ConstrainedBox、BoxConstraints、および IntrinsicHeight がすべて使用されましたが、まだそのエラーが発生します。

私の電話は現在、空白の白い画面です（右上隅に「デバッグ」があります）。

だからここに私の理解があります：

SingleChildScrollView は、無限の高さを許可することで、コンテンツをスクロール可能にします。

Column は、当然、その親の高さ全体を占めます。

2 つの結合は、永久に、またはアプリがクラッシュするまで伸びる列を意味します。

ビューポートのサイズを取得するために LayoutBuilder が使用されます。

ConstrainedBox は、列の最小の高さを設定するために使用されます。これは、列が特定の高さよりも小さくなることはできませんが、無限に大きくなる可能性があることを示しています。

「魔法」は IntrinsicHeight で発生し、列をその内容とまったく同じ大きさに強制します。これは、列が無限になるのを防ぐものです。

すべてにもかかわらず、私はまだエラーが発生しています。

誰かが助けてくれることを願っています。以下は私のコードです：

スローされたエラーは次のとおりです。

次の興味深い行があります。

助けてくれたみんなに前もって感謝します！

私は、両方の方法で無限の垂直スクロールビューを求めています。上または下にスクロールすると、より多くのアイテムが動的に追加されます。私が遭遇したほとんどすべてのヘルプは、範囲が無限である下側のみに関係しています。この関連する回答に出くわしましたが、特に探しているものではありません (期間に基づいてアイテムを自動的に追加し、方向ボタンを操作してスクロールする方法を指定する必要があります)。ただし、この関連性の低い回答は非常に役に立ちました。そこでの提案に基づいて、アイテムの記録をいつでも表示できるようにし、それらがたまたま上/下から X の位置にある場合は、リストの開始/終了インデックスにアイテムを挿入できることに気付きました。

もう1つの注意点は、リストを途中から開始するようにしているため、50％上下に移動しない限り、どちらの方法でも追加する必要はありません.

明確にするために、これはユーザーがいつでも自由にスクロールできるカレンダー画面用です。

これは、小さいながらも重要な詳細を除いて、ほとんど正常に機能しています。アイテムを上から追加すると、下にスクロールする方法によっては、ビクビクすることがあります。これは、取り付けられたクリップの端に向かって最も顕著です。

この最初の図では、antd テーブルに表示されている垂直スクロールバーがあり、2 番目の図では、モーダルが開いている間もスクロールバーが表示されていることがわかります。クロムで同じことをした場合、この問題は発生しなかったことに注意してください。Firefox でのみ発生します。ブラウザの問題であることはわかっていますが、antd テーブルでこれを解決するにはどうすればよいですか。

この最初の写真で

この件は何度も質問され、回答されてきましたが、与えられたほとんどすべての解決策を試しましたが、私のケースは解決されませんでした。使用可能なすべての画面をカバーするように拡張された div 内に正方形のキャンバス要素があります。画面が横向きモードの場合、ユーザーがキャンバスの描画を垂直方向にスクロールして表示できるようにします。これは完全に機能します。画面のサイズが変更されたり、縦向きに変更されたりした場合、ユーザーはキャンバスの描画を水平方向にスクロールする必要があります。これも意図したとおりに機能します。しかし、ユーザーが画面のサイズを (1 ピクセルでも) 変更するとすぐに、キャンバスの描画を数ピクセルだけ移動する垂直スクロールバーが表示されます。ページをリロードすると（同じサイズを維持して）、垂直スクロールバーが消えます。非常に奇妙です。また、ポートレートからランドスケープへの移行時に、ブラウザが不安定になります。

私はすでに週末を費やして問題を解決するためのさまざまな方法を試し、スクロールバーの奇妙な外観を示す小さなプログラムを作成しました。助けてください。CSS は私の強みではありません。