我是颤振新手。在应用程序中处理背景,但无法模拟精确的 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)
如有任何建议,将不胜感激,提前致谢。
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) 我最近开始在我的机器上进行 Flutter 开发,当完全重新启动应用程序或第一次运行它时,gradle 构建似乎需要很长时间,有时会变得非常令人沮丧。我使用的是带有 8 GB RAM/240 GB SSD 的 Ubuntu 20.04(KDE Plasma env),并使用 VS Code 来运行该应用程序。有什么办法可以优化这个吗?如有任何建议,我们将不胜感激。提前致谢。
performance gradle android-studio visual-studio-code flutter