小编oem*_*era的帖子

我正在尝试向LinearProgressIndicatorFlutter 中的a 添加边界半径。

当我在下面的代码LinearProgressIndicator中用另一个小部件（例如Text）替换 时，它按预期工作。

Container(
  decoration: new BoxDecoration(
      borderRadius:
          new BorderRadius.all(const Radius.circular(20.0))),
  child: LinearProgressIndicator(
    value: _time,
  ),
) 

来自 angular、react 和 vue 等前端网络框架，我正在努力寻找编写可重用小部件样式的最佳方法。让我用一个例子来演示这个问题。

假设我们有这个小部件：

Container(
  width: 25,
  height: 10,
  decoration: BoxDecoration(
    color: const Color(0xff7c94b6),
    border: Border.all(
      color: Colors.black,
      width: 8.0,
      ),
    ),
  child: /* some custom widget */,
);

现在可以说，我想做出Container类似性质width，height通过参数等多变。如果某个属性的某个参数未传递，则应使用其默认值，如下所示：

class CustomWidget extends StatelessWidget {
  final double width;
  final double height;
  final BoxDecoration decoration;

  const CustomWidget ({
    Key key,
    this.width = 25,
    this.height = 10,
    this.decoration = /* default decoration */
    /* possibly even more properties */
  }) : super(key: key);

  @override …

跟随场景

• 项目1需要使用 CustomButton.jsx
• 项目2需要使用 CustomButton.jsx

当前解决方案

复制粘贴CustomButton.jsx到项目 1 和 2 中。

所需的解决方案

1. 创建项目 3，其中包括 CustomButton.jsx
2. 将项目 3 存储在共享环境中（例如公共公司目录D://dev/react/my-component-library）
3. 通过 npm 为项目 1 和 2 安装项目 3 并添加依赖项package.json以保持跨 git 克隆的一致性。
4. CustomButton.jsx在项目 1 和 2 中使用 import 语句导入：import { CustomButton } from "my-component-library"

问题

1. 项目3是一个什么样的项目？是用它构建create-react-app还是可以使用其他工具？
2. 如何从项目 3 中创建本地/私有 npm 包？
3. 我如何为该私有包使用共享的本地环境。
4. 如何使用项目 1 和 2 中的包？

组件相当简单，不包含复杂的逻辑。

编辑

这不应该花费我任何费用（私有 npm 可以）或使用 3rd 方托管，因为我已经有一个私人共享的环境/服务器/目录，我可以在那里托管/存储包。

Example 2D array:

var arr = [
  ["Mike", "Cane", 23],
  ["Jeff", "Meyers", 46],
  ["Thomas", "Bush", 67]
]

How do I copy a 2D array to the clipboard to then paste it in an excel spreadsheet? The rows and columns should be preserved as it is in the array. It should work the same way as if I would mark a range of cells in excel and then paste it back in.

Gridsome/Gatsby 用例：仅 CMS？

我读到 Gridsome/Gatsby 与 CMS 配合得很好，但我从来没有对 CMS 做任何事情，这就是为什么我个人无法与这种优势联系起来。这是最好使用 Gridsome/Gatsby 的唯一情况吗？

静态站点生成和预取

都可以做静态站点生成和预取。行为上有什么不同吗？

灵活性

基本上使用 Nuxt/Next，我可以灵活地做我想做的事情，并在我积极开发的同时轻松更改构建行为（SSR 或静态站点生成）。另一方面，Gridsome/Gatsby 没有提供灵活性。或者是吗？

时间投资

此外，考虑到时间，学习两个框架 - 好吧 - 非常耗时。因此，Nuxt/Next 将使我涵盖更广泛的用例，并且更值得学习。至少根据我目前的知识，我是这么认为的。

当前的个人用例

在我的特定情况下，我想创建一个登录页面。理论上，从阅读文章来看，Gatsby/Gridsome听起来更合适。但是从功能上看，与 Gridsome/Gatsby 相比，Nuxt/Next 可以做到完全相同而没有任何缺点。

以下来自官方示例的简单组件：

import {useSpring, animated} from 'react-spring'

function App() {
  const props = useSpring({opacity: 1, from: {opacity: 0}})
  return <animated.div style={props}>I will fade in</animated.div>
}

问题

如何fadeIn再次为效果（或任何其他动画）设置动画，例如当我单击按钮或解决承诺时？