小编Arn*_*ugo的帖子

React Native ScrollView有一个prop pagingEnabled.但是,它假定ScrollView中每个页面(或子组件)的宽度等于ScrollView的宽度.

我们如何修复它以使其适用于小于ScrollView的页面？

是否可以检测用户何时停止滚动？然后我们可以轻松编写自己的代码以捕捉到正确的页面.

编辑:还有一些其他方法可以通过使用仅在iOS上提供的道具来修复此问题,因此这在Android上尤其成问题.

我在 中定义了一个更漂亮的配置prettier.config.js。

"type": "module"添加到 package.json后（以启用在节点中使用导入/导出语法），运行 prettier 失败并出现以下错误：

Checking formatting...
[error] Invalid configuration file `prettier.config.js`: Must use import to load ES Module: /your/project/path/prettier.config.js
[error] require() of ES modules is not supported.
[error] require() of /your/project/path/prettier.config.js from /your/project/path/node_modules/prettier/third-party.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
[error] Instead rename prettier.config.js to end in .cjs, change …

在 Next.js 9 教程中，推荐的导入共享组件的方法是通过相对路径，例如

import Header from '../components/Header';

我想使用绝对进口，比如

import Header from 'components/Header';

我如何在本地和使用 Now CLI 进行部署时使其工作？

使用教程中建议的设置，我的项目结构是：

my-project
??? components
??? pages
??? package.json

如何将绝对定位元素置于另一个元素中心下方的中心？

用法示例:单击时打开/显示新(绝对定位)元素的日期选择器.

        .         <-- Center
      [ . ]       <-- Not absolutely positioned element, a button. Always displayed
  [     .     ]   <-- Absolutely positioned element. Visibility toggled by button

编辑:为了说清楚,我正在寻找的是一种简单的方法,使元素的中心对齐.

我已经按照https://www.graph.cool/的步骤设置了“介绍项目” 。在项目的权限部分，我可以查看和编辑以下权限Posts：

单击显示Everyone可以Edit Data张贴的行时，将出现一个对话框。我可以在其中编辑权限，以便只有经过身份验证的用户才能编辑帖子：

但是，如何制定规则，使用户只能编辑自己的帖子，而不能编辑其他用户创建的帖子？

因此，据我所知，react 只会使用新键重新渲染新元素。但这对我不起作用。我有一个帖子列表，限制为 3。当用户滚动到页面底部时，我将 3 添加到限制中，这意味着在页面底部应该显示 3 个较旧的帖子。我现在的工作，但整个列表正在重新渲染。它跳到顶部，这也是不想要的（虽然我可以解决这个问题，主要问题是重新渲染）。它们都有唯一的键。我怎样才能防止这种行为？

thisGetsCalledWhenANewPostComesIn(newPost){
    let newPosts = _.clone(this.state.posts);
    newPosts.push(newPost);
    newPosts.sort((a,b) => b.time_posted - a.time_posted); 
    this.setState({posts: newPosts});
}

render(){
     return (
         <div ref={ref => {this.timelineRef = ref;}} style={styles.container}>
             {this.state.posts.map(post =>
                 <Post key={post.id} post={post} />
             )}
         </div>
     );
}