我希望有一组选项卡,每个选项卡都有FlatList
一个ScrollView
。这类似于Instagram或Twitter的布局。
我知道,由于仅注册了滚动事件,所以在a FlatList
内部有一个问题ScrollView
并触发onEndReached 存在一些问题ScrollView
?
这导致内部onEndReached
在加载时立即被调用,然后又一次又一次地被调用...
如果将ScrollView scrollEnabled设置为false flex: 1
,flexGrow: 1
则可以使内部FlatList滚动,但不使外部内容滚动……如下所示:
我认为很多人都在为这个问题而苦苦挣扎,我在任何地方都找不到真正明确的解决方案。
我也试图实现react-navigation-collapsible
与createMaterialTopTabNavigator
创建标签。但是,您不能在整个屏幕上实现“拉动刷新”吗?
任何帮助将非常感激。
更新资料
我也研究了实现:ScrollView中的FlatList不滚动
并且我研究了动态切换scrollEnabled属性(即使它创建了一个重新渲染。此ALMOST可以工作...但是ScrollView高度存在问题,flexGrow: 1
并且内部FlatList
没有填充空间...
第二次更新
这种零食几乎可以做正确的事... https://snack.expo.io/@satya164/collapsible-header-with-tabview
它react-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的个人资料布局?但是我相信答案现在是不正确的。
使用此脚本:
"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
?
有任何想法吗?
在过去的两天里,我一直在寻找使用 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) 我有一个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.
react-native ×2
circleci ×1
circleci-2.0 ×1
detox ×1
expo ×1
git ×1
heroku ×1
mocha.js ×1
node.js ×1
pem ×1
reactjs ×1
scrollview ×1
typescript ×1