相关疑难解决方法(0)

如何使用 React Native 中的 react-navigation 在 Android 中使用向下滚动操作自动隐藏标题并使用向上滚动操作显示标题？

    const HomeStack = createStackNavigator({

      Home: {
        screen: HomeIndexScreen,
      },
      Details: {
        screen: HomeItemScreen,
      }
    },{
      headerLayoutPreset : 'center',
      headerMode: 'float'
    });

介绍

我有一个 FlatList，它在页脚中呈现一个选项卡视图。此选项卡视图允许用户在一个 FlatList 或另一个 FlatList 之间切换。所以，最后这些是同级 FlatList。

问题

第一个 FlatList“A”的高度大于第二个 FlatList“B”的高度。当我选择第二个列表时，它的高度与“A”FlatList 的高度相同。

我在小吃中重现了该问题，您可以在其中看到类似的代码。我认识到代码有点长但太简单了，只需关注父 FlatList（在 App 组件中）和每个选项卡中呈现的两个 FlatList（在代码末尾）

问题

有什么想法如何解决这个问题吗？我不知道问题是否出在样式上，或者我是否必须做其他事情才能完成这项工作（所有平面列表都必须有自己的高度，而不是更大的高度）。

谢谢您，我非常感谢您的帮助。

编辑：我讨厌谷歌搜索答案，并且发现一些十年前从未解决过的问题，所以我为可能想知道的人回答自己的问题。就我而言，我只是禁用bounces了滚动视图的道具。由于FlatList扩展了React的ScrollView，因此在我创建的动画FlatList组件中将设置bounces为可以false阻止它弹起并解决了我的问题。祝你今天愉快。

希望您过得愉快。我正在尝试动态设置标题的动画，但是由于某种原因，每当我滚动到滚动视图的开始或结尾之外时，反弹效果就会与Animation混淆。（如下面的gif所示）

GIF

GIF相同但分辨率更高

如您所见，当我滚动到顶部并启用bounce动画时，页眉认为我正在向下滚动，因为bounce将列表中的第一个元素返回顶部。我该如何解决？我在网上某处看到，向动画值添加插值器会有所帮助，尽管我不太了解。下面是我的代码。谢谢

const AnimatedFlatList = Animated.createAnimatedComponent(FlatList)

const tempArray = [
  ...(an array of my data)
]

export default class TempScreen extends React.Component {
  static navigationOptions = {
    header: null
  }

  constructor(props) {
    super(props)
    this.state = {
      animatedHeaderValue: new Animated.Value(0),
    }
  }

  render() {
    const animatedHeaderHeight = Animated.diffClamp(this.state.animatedHeaderValue, 0, 60)
      .interpolate({
        inputRange: [0, 70],
        outputRange: [70, 0],
      })
    return ( <
      View >
      <
      Animated.View style = {
        {
          backgroundColor: 'white',
          borderBottomColor: …