小编Amp*_*nda的帖子

你好，我知道 Flutter 仍然不支持 SVG 文件，所以我使用了 flutter_svg 包，但由于某种原因，svg 文件没有渲染我想要使用的 SVG 文件。

我想要的是使用我的自定义 SVG 文件作为底部导航栏项目中的图标。

我想使用 SVG 图标，以便我可以在它们处于非活动或活动（选定）状态时轻松更改它们的颜色

我这样称呼它：

BottomNavigationBarItem(
  icon: SvgPicture.asset("assets/svg_home.svg"),
  title: Text("Home"),
  activeIcon: Icon(Icons.category, color: Color(0xFFEF5123)), 
),

我有一个随机生成的字符串作为道具传递给子组件。它将它显示在段落标签中。示例字符串可以是：

猫、狗、鸟

鸟、鱼、仓鼠、鹅

猫、鱼、狗

ETC..

class Example extends React.Component {
  state = {
    string: ''
  };


  componentDidMount() {
    let newString = this.props.passedString.replace(',', '<span>,</span>');
    this.setState({string: newString});
  }

  render() {
    return (  
      <div><p>{this.state.string}</p></div>
    )
  };
}

我想在子组件段落内的每个逗号周围添加标签。我尝试添加componentDidMount方法，用字符串中的 span 标签中包含的逗号替换每个逗号，但出于明显的原因，这只是将 span 标签添加为字符串的一部分，我不知道如何将它们显示为 html 中的实际标签或者如何修改已经呈现的段落。

我有这个表及其数据

----------------------------
| ID | NAME | TYPE | VALUE |
----------------------------
| 1  |  A   | YES  | 10000 |
| 2  |  B   |  NO  |   100 |
| 3  |  A   |  NO  |   300 |
----------------------------

我想知道如何在sql中获取这样的数据:

-----------------------------
| ID | NAME | YES   |   NO  |
-----------------------------
| 1  |  A   | 10000 |   300 |
| 2  |  B   | NULL  |   100 |
-----------------------------

请帮忙

我用来CupertinoNavigationBar制作预期的布局，如下图所示

在左侧/leading区域，我覆盖默认后退按钮来创建布局，但我得到了溢出

return CupertinoPageScaffold(\n  ...\n  leading: Row(\n    children: <Widget>[\n      UtomoDeckNavigationBar.getDefaultBackButton(context: context, isLightTheme: true),\n        Column(\n          crossAxisAlignment: CrossAxisAlignment.start,\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: <Widget>[\n            Text(widget.chat.name,\n              style: TextStyle(\n                color: CupertinoColors.black,\n                fontWeight: FontWeight.bold,\n                fontSize: 14.0)),\n            Text(\'Online\',\n              style: TextStyle(color: CupertinoColors.black, fontSize: 12.0))\n        ],\n      )\n    ],\n  )\n)\n

和错误

Performing hot reload...\nSyncing files to device iPhone SE...\nflutter: \xe2\x95\x90\xe2\x95\x90\xe2\x95\xa1 EXCEPTION CAUGHT BY RENDERING LIBRARY \xe2\x95\x9e\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\nflutter: The following assertion was thrown during layout:\nflutter: A RenderFlex overflowed by 34 pixels on the …

我有一个水平格式的可滚动列表视图，我想将其转换为具有相同元素的网格视图。

Container(
  height: MediaQuery.of(context).size.height / 4,
  child: ListView.builder(
    scrollDirection: Axis.horizontal,
    itemCount: homeList.length,
    itemBuilder: (ctx, i) {
      return GestureDetector(
        onTap: () {
          if (i == 0) {            
            _interstitialAd.show();
          } else if (i == 1) {

          } else if (i == 2) {
            sendInvite();
          }
        },
      );
    },
  ),
)

列表视图如下所示：

这就是我想要的样子：