React native 我们不能在react导航中使用绝对定位来定位标题吗?

React native 我们不能在react导航中使用绝对定位来定位标题吗?,react-native,react-native-android,react-navigation,react-navigation-stack,React Native,React Native Android,React Navigation,React Navigation Stack,我试图在滚动ScrollView顶部时隐藏标题,在向下滚动时再次显示标题。在搜索互联网时,我遇到了一些使用动画绝对定位的解决方案。例如,正如人们在本链接中建议的那样 我共享的链接使用绝对位置,并使用插值更新top。我正在尝试执行同样的操作,但无法更新它,相反,我收到的警告是,headerStyle不支持绝对位置 如何更改标题,以便在使用react navigation在屏幕中滚动ScrollView时隐藏标题 共享导航选项 const AppNavigator = createStackNavi

我试图在滚动ScrollView顶部时隐藏标题,在向下滚动时再次显示标题。在搜索互联网时,我遇到了一些使用动画绝对定位的解决方案。例如,正如人们在本链接中建议的那样

我共享的链接使用绝对位置,并使用插值更新
top
。我正在尝试执行同样的操作,但无法更新它,相反,我收到的警告是,headerStyle不支持绝对位置

如何更改标题,以便在使用react navigation在屏幕中滚动ScrollView时隐藏标题

共享导航选项

const AppNavigator = createStackNavigator(
  {
    Home: MainListing,
    Details: DetailsScreen
  },
  {
    initialRouteName: 'Home',
    defaultNavigationOptions: {
      headerStyle: { backgroundColor: customTheme.COLORS.PRIMARY },
      headerTitle: (obj) => {
        return (
          <Image source={Logo} style={{ resizeMode: 'contain', width: 100, height: 100 }} />
        )
      },
      cardStyle: { backgroundColor: '#FFFFFF' },
    },
  }
)
const-AppNavigator=createStackNavigator(
{
主页:MainListing,
详细信息:详细信息屏幕
},
{
initialRouteName:“主页”,
默认导航选项:{
headerStyle:{backgroundColor:customTheme.COLORS.PRIMARY},
标题:(obj)=>{
返回(
)
},
卡片样式:{背景颜色:'#FFFFFF'},
},
}
)
屏幕上的静态导航选项

class MainListing extends React.Component {

  render() {
    return (
      <ScreenContainer>
        <ScrollView>
          //some other components so that the view scrolls
        </ScrollView>
      </ScreenContainer>
    );
  }
}

const ThemedElement = withGalio(MainListing);
ThemedElement.navigationOptions = ({ navigation, navigationOptions }) => {
  const { params } = navigation.state;
  return {
    headerStyle: {   
      position:'absolute',   
      ...navigationOptions.headerStyle
    }
  };
};
export default ThemedElement;
class MainListing扩展了React.Component{
render(){
返回(
//一些其他组件使视图滚动
);
}
}
常量元素=withGalio(主列表);
ThemedElement.navigationOptions=({navigation,navigationOptions})=>{
const{params}=navigation.state;
返回{
头型:{
位置:'绝对',
…导航选项。标题样式
}
};
};
导出默认元素;

不确定,但您是否尝试过静态扩散钳(动画、最小值、最大值)?Docs:你在哪里使用ThemedElement?@satya164 ThemedElement是stackNavigator主屏幕中的主要列表组件。@FábioBCSouza是的,我想使用它,但我们怎么做?如果我没有错的话,这些值应该分配给header的某些属性?您是否尝试过:不确定,但您是否尝试过
静态diffClamp(anim,min,max)
?Docs:你在哪里使用ThemedElement?@satya164 ThemedElement是stackNavigator主屏幕中的主要列表组件。@FábioBCSouza是的,我想使用它,但我们怎么做?如果我没有错的话,这些值应该分配给header的某些属性?您是否尝试过: