flutter sliver app bar 高手請解決這個錯誤？
[英]flutter sliver app bar experts please solve this error?
問題描述
這是給你的代碼......我在這段代碼中使用了 CSS_TEXT package
import 'package:flutter/material.dart';
import 'package:css_text/css_text.dart';
void main()=>
runApp(MaterialApp(
title: 'Androidmonks',
home: Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
title: Text("Sample Slivers"),
leading: Icon(Icons.menu),
backgroundColor: Colors.orangeAccent,
floating: true,
),
SliverList(
delegate: SliverChildListDelegate([
_Home()
]),
)
],
),
)
));
class _Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
String htmlContent = """
<body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
<p style="font-size:1.5em;">
Hello <b style="font-style:italic;color:#bb0000;background:#eeff00">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline wavy; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
<br/>
<br/>
<span style="color:#990000ff;background:#4400ff00">
This text is slightly transparent, and has a slightly transparent background too.
</span>
</p>
</body>
""";
var myRichText =
HTML.toRichText(context, htmlContent, linksCallback: (link) {
print("You clicked on $link");
});
return Padding(
padding: const EdgeInsets.only(left: 18.0, right: 18.0),
child: SingleChildScrollView(
scrollDirection: Axis.vertical,
child: Center(
child: Column(
children: <Widget>[
myRichText
],
),
),
),
);
}}
我運行了這段代碼，但它顯示以下錯誤
RangeError（索引）：無效值：有效值范圍為空：-1
請幫我解決這個錯誤。我從 2 天開始就在嘗試這個，但我沒有得到積極的結果。 只有兒子是我最后的希望..
如果您需要錯誤的屏幕截圖，請告訴我..
1 個解決方案
解決方案1
0 2019-10-30 17:40:41
我相信你唯一的問題是你不應該在另一個腳手架內的 SliverAppbar 內返回腳手架。
因此，您可以切換以下行：
return Scaffold(
body: Container(padding: EdgeInsets.all(16.0), child: myRichText));
為了這：
return Container(padding: EdgeInsets.all(16.0), child: myRichText));
在 Flutter App 中使用 Sliver App Bar 時，狀態欄和導航欄顏色不切換
[英]Status bar and navigation bar color is not switching when using Sliver App Bar in Flutter App
flutter 中的自定義 Sliver 應用欄，滾動時進入應用欄的圖像和 2 個文本小部件
[英]Custom Sliver App Bar in flutter with an Image and 2 Text widgets going into app bar on scrolling
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
Flutter - 帶有搜索欄的自定義 sliver 應用欄
flutter 中具有搜索功能的 sliver 應用欄
如何在顫振中創建漸變條應用欄？
Sliver App Bar 顯示不正確 - Flutter
Flutter 帶標簽欄和網格視圖的銀色應用欄
如何在 flutter 中使用帶有 sliver 應用欄的剪輯路徑
在 Flutter App 中使用 Sliver App Bar 時，狀態欄和導航欄顏色不切換
透明背景的銀色應用欄
flutter 中的自定義 Sliver 應用欄，滾動時進入應用欄的圖像和 2 個文本小部件
帶有背景和標簽欄的自定義 Sliver 應用欄
相關標簽