问题标签 [react-flexbox-grid]

使用 create-react-app 创建的基本 web-pack 配置

使用以下 npm 命令安装 React-FlexBox-Grid

安装了以下依赖项

它接缝 React-FlexBox-Grid 不是由 web-pack 加载器选择的。我的问题是如何将 React-FlexBox-Grid 添加到现有的 css 加载器配置中。从 React-FlexBox-Grid 文档https://github.com/roylee0704/react-flexbox-grid建议了两个设置我不知道如何

1)

不确定如何在不破坏现有工作配置的情况下添加加载程序。

通常在 excel 表中..我们有如下行

和像这样的列

但是为什么在使用flexDirection: 'column'框的/文本时反应原生被定义为

并且在使用flexDirection: 'row'框的/文本时定义为

我觉得这很奇怪而且很困惑......这只是反应原生的标准差异还是这背后有不同的概念？

我正在开发一个应用程序React并想要对组件进行样式设置，我发现https://roylee0704.github.io/react-flexbox-grid/谈到了流体网格系统。该示例如下所示：

我不知道什么是和xs是？有人可以解释一下吗？smlg

我正在使用react-flexbox-grid，我当前的布局看起来像

当我在浏览器中查看时，我看到文本在框的中间没有对齐

我的代码在https://github.com/hhimanshu/spicyveggie/tree/menumenu的分支中可用

我该怎么做才能使文本居中对齐Col？谢谢

我一直在尝试将 React-Flexbox-Grid 的加载器集成到我的 web pack 配置中（如下所示），但我收到错误：

这是我第一次不得不添加这样的东西，所以我不确定我是否在正确的位置添加了“include：/flexboxgrid/”（我在开发/生产规则下添加了它），但是它只是返回相同的错误！显然我所做的是错误的。

附言。我正在使用 react-redux-webpack2-boilerplate

我正在尝试使用 react-native 实现一个线性代数计算器应用程序，并且在创建矩阵以输入数字时遇到了麻烦。

我不希望矩阵的大小固定，而是让它灵活，以便用户可以根据需要调整它的大小。

到目前为止，我有这个：

上面的代码不起作用，但它显示了我想要的外观。这里是在 iPhone 模拟器上渲染的

如果有人可以帮助我实现调整大小功能并帮助正确实现 TextInput 框，我将不胜感激。

谢谢！

我正在使用来自https://github.com/roylee0704/react-flexbox-grid的 react-flexbox-grid ，虽然它允许我指定无法填满整个页面的列大小。我想要这里看到的圣杯布局：

我有一个问题，使用下面webpack的下面package.json会导致flexboxgrid类被破坏，如下所示。

以下是查看 html 时生成某些类的方式：

有谁知道这可能是什么原因造成的？

package.json

webpack.config.js

WebpackHelper.js

webpackDevHelper.js

我一直在尝试将网格添加到我的反应项目中，但是当我加载页面时，它给了我一个错误：

Warning: Failed propType: Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at https://github.com/facebook/prop-types/blob/master/README.md#difference-from-reactproptypes-dont-call-validator-functions Check the render method of `GridTest`.

尝试使用antdand react-flexbox-grid，但两个库都会产生相同的错误。

代码：

对于如何解决这个问题，有任何的建议吗？我认为问题可能是由外部库未捆绑prop-types或其他原因引起的？...

使用 isomorphic-style-loader 解决此问题的任何解决方案？ kriasoft/react-starter-kit

使用 react-starter-kit 以及他们在此处提出的解决方案：roylee0704/react-flexbox-grid似乎无法解决问题。