小编ish*_*n19的帖子

Flutter - 实现 CSS 径向渐变

我是颤振新手。在应用程序中处理背景,但无法模拟精确的 CSS 径向渐变。这就是我打算复制的:

background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(3,235,255,1) 0%, rgba(152,70,242,1) 100.2% );

这是我在 Flutter 中尝试过的,但无法获得相同的效果(肯定缺少上面提到的渐变中的许多参数)

Container(
          width: deviceSize.width,
          height: deviceSize.height,
          decoration: BoxDecoration(
            gradient: RadialGradient(
              colors: [
                Color.fromRGBO(3,235,255,1),
                Color.fromRGBO(152,70,242,1)
              ],
              radius: 1.0,
            ),
            boxShadow: [
              BoxShadow(blurRadius: 2),
            ],
          ),
          // child: const Image(
          //   image: AssetImage(
          //     'lib/assets/images/main_background.jpg',
          //   ),
          //   fit: BoxFit.cover,
          // ),
        ),
Run Code Online (Sandbox Code Playgroud)

如有任何建议,将不胜感激,提前致谢。

css gradient radial-gradients flutter

6
推荐指数
1
解决办法
7551
查看次数

React Router - 单击链接时 URL 更新,但组件未呈现

React 新手;我已经使用 react-router 编写了一个简单的页面,点击链接应该呈现相应的组件,但即使点击更改了 URL,组件也不会被呈现。无论单击什么链接,都会显示家乡路线。关于我在这里可能做错的任何建议?

这是我的 App.js

import { BrowserRouter as Router, Link, Switch, Route } from "react-router-dom";
import ReactDOM from "react-dom";

const Menu = () => {
  const padding = {
    paddingRight: 5,
  };

  return (
    <div>
      <Link style={padding} to="/">
        anecdotes
      </Link>
      <Link style={padding} to="/create">
        create new
      </Link>
      <Link style={padding} to="/about">
        about
      </Link>
    </div>
  );
};

const AnecdoteList = ({ anecdotes }) => (
  <div>
    <h2>Anecdotes</h2>
    <ul>
      {anecdotes.map((anecdote) => (
        <li key={anecdote.id}>{anecdote.content}</li>
      ))}
    </ul>
  </div>
);

const About = …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router-dom

6
推荐指数
0
解决办法
94
查看次数

Flutter - 缓慢的 gradle 构建

我最近开始在我的机器上进行 Flutter 开发,当完全重新启动应用程序或第一次运行它时,gradle 构建似乎需要很长时间,有时会变得非常令人沮丧。我使用的是带有 8 GB RAM/240 GB SSD 的 Ubuntu 20.04(KDE Plasma env),并使用 VS Code 来运行该应用程序。有什么办法可以优化这个吗?如有任何建议,我们将不胜感激。提前致谢。

performance gradle android-studio visual-studio-code flutter

4
推荐指数
1
解决办法
2642
查看次数