小编Ale*_*hin的帖子

ScrollView中带有FlatList的选项卡-如Instagram或Twitter个人资料页面

我希望有一组选项卡,每个选项卡都有FlatList一个ScrollView。这类似于Instagram或Twitter的布局。

我知道,由于仅注册了滚动事件,所以在a FlatList内部有一个问题ScrollView并触发onEndReached 存在一些问题ScrollView

这导致内部onEndReached在加载时立即被调用,然后又一次又一次地被调用...

如果将ScrollView scrollEnabled设置为false flex: 1flexGrow: 1则可以使内部FlatList滚动,但不使外部内容滚动……如下所示:

在此处输入图片说明

我认为很多人都在为这个问题而苦苦挣扎,我在任何地方都找不到真正明确的解决方案。

我也试图实现react-navigation-collapsiblecreateMaterialTopTabNavigator创建标签。但是,您不能在整个屏幕上实现“拉动刷新”吗?

任何帮助将非常感激。

更新资料

我也研究了实现:ScrollView中的FlatList不滚动

并且我研究了动态切换scrollEnabled属性(即使它创建了一个重新渲染。此ALMOST可以工作...但是ScrollView高度存在问题,flexGrow: 1并且内部FlatList没有填充空间...

第二次更新

这种零食几乎可以做正确的事... https://snack.expo.io/@satya164/collapsible-header-with-tabviewreact-native-tab-view使用动画折叠标题。如果标头是组件,则它可以在加载时获取数据,但内部列表上将仅具有拉动刷新功能(与Instagram不同)。

相关问题:

onEndReached被无限调用存在一个问题-https: //github.com/facebook/react-native/issues/18887-https : //github.com/facebook/react-native/issues/6002

FlatList无法在ScrollView内部正常工作...- https://github.com/facebook/react-native/issues/12827#issuecomment-320509824

ScrollView内部的平面列表-https: //github.com/facebook/react-native/issues/19971

ScrollView中的FlatList无法滚动-https: //github.com/facebook/react-native/issues/19971

FlatList子对象正在渲染上调用onEndReached- https://github.com/react-native-community/react-native-tab-view/issues/501

React Native嵌套Listview多次触发onEndReached- React Native嵌套ListView多次触发onEndReached

当FlatList包装在ScollView中时,onEndReached无法正常工作。- https://github.com/facebook/react-native/issues/22008

类似Twitter的个人资料布局- 如何创建类似Twitter的个人资料布局?但是我相信答案现在是不正确的。

scrollview reactjs react-native react-native-flatlist

9
推荐指数
1
解决办法
990
查看次数

Mocha和Typescript并递归加载

使用此脚本:

"test": "./node_modules/mocha/bin/mocha --recursive --require ts-node/register ./test/**/*.spec.ts --opts ./test/mocha.opts",
Run Code Online (Sandbox Code Playgroud)

我试图在树中加载一些测试文件:

.
??? controllers
?   ??? admin
?   ?   ??? users.spec.ts
?   ??? authentications.spec.ts
Run Code Online (Sandbox Code Playgroud)

但是,users.spec.ts不会加载测试文件,但是会加载authentications.spec.ts

我的mocha.opts文件如下所示:

--timeout 5000
Run Code Online (Sandbox Code Playgroud)

我也尝试删除该--recursive标志,只是有一个问题,但它不起作用。

我不知道问题出在哪里ts-node还是在mocha

有任何想法吗?

mocha.js typescript typescript-typings typescript2.0

6
推荐指数
2
解决办法
611
查看次数

世博会 + 排毒 + CircleCI

在过去的两天里,我一直在寻找使用 Expo + Detox + CircleCI 的良好设置,以便应用程序可以在 CI 过程中构建。

在本地,我可以通过下载 Exponent.app 并放入 bin 并运行 expo start(在不同的终端中)来使 Expo + Detox 工作。然而,expo start 在 Circle CI 中是阻塞的,所以有没有一种有效的方法来实现这一点。

我查看了很多示例,但没有找到一个带有更新示例的明确回应,考虑到 Expo 的受欢迎程度,这是一种耻辱。

如果有人有您可以共享的示例 CircleCI 文件,那就太好了!或者确实有助于解释实现这一目标的流程。

我很欣赏这也是 Detox 和 CircleCI 的问题,但我想我会在这里添加它,因为许多人可能也想知道答案?

我目前的 Circle-CI 代码,我一直在试图找到一个有效的解决方案来来回回...

# Javascript Node CircleCI 2.0 configuration file
#
# Check https://circleci.com/docs/2.0/language-javascript/ for more details
#
version: 2

defaults: &defaults
  working_directory: ~/iynk-react-app

jobs:

  test:
    <<: *defaults

    docker:
      - image: circleci/node:10

    steps:
      - checkout

      - run:
          name: Update npm
          command: 'sudo npm install …
Run Code Online (Sandbox Code Playgroud)

circleci react-native expo detox circleci-2.0

5
推荐指数
1
解决办法
1421
查看次数

在使用git-tracked heroku项目时,如何安全地存储.pem文件?

我有一个git-tracked repo,我正在设置它与APN合作进行IOS推送通知.我正在尝试以与PushNotificationSample类似的方式实现npm模块node-apn

在这段代码中,有

var options = {
    gateway: 'gateway.sandbox.push.apple.com', // this URL is different for Apple's Production Servers and changes when you go to production
    errorCallback: callback,
    cert: 'your-cert.pem', // ** NEED TO SET TO YOURS - see this tutorial - http://www.raywenderlich.com/32960/apple-push-notification-services-in-ios-6-tutorial-part-1
    key:  'your-key.pem',  // ** NEED TO SET TO YOURS
    passphrase: 'your-pw', // ** NEED TO SET TO YOURS
    port: 2195,                       
    enhanced: true,                   
    cacheLength: 100                  
}
Run Code Online (Sandbox Code Playgroud)

但是,我是如何在不将它们提交给Github的情况下引用我的.pem文件的?

目前,我正在部署到Heroku.

git heroku pem node.js

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