当前位置: 首页 > 知识库问答 >
问题:

有生气的视图未在React Native中工作

赫连靖琪
2023-03-14

导入React,{Component}来自'React'导入{视图、样式表、文本、图像、滚动视图、动画}来自'React native';

类应用程序扩展组件{

构造函数(道具){超级(道具)this.state={scrollY:新动画。值(0)}}

渲染(){

const headerheight = this.state.scrollY.interpolate({
  inputRange: [0, 100],
  outputRange: [100, 0]
})
return (
  <View style={styles.container}>
    <Animated.View style={styles.appHeader}>
    </Animated.View>
    <ScrollView style={styles.scroll}
      onScroll={Animated.event([{ nativeEvent: { contentOffset: { Y: this.state.scrollY } } }])}>
      <View style={styles.imageView}>
        <Image style={styles.image} source={require('./assets/vikalp.jpg')} />
      </View>
      <View>
        <Text style={styles.textHeader}>Vikalp Chakravorty</Text>
      </View>
    </ScrollView>
  </View>
);

共有1个答案

岳茂
2023-03-14

你能解释一下你的问题吗?你想创作什么样的动画?

<代码>

如果你给我们更多的细节,我们可以帮助你。

 类似资料:
  • 我在尝试创建一个带有计算平均列的视图时遇到了一些麻烦,对于每个电影行,我都需要一个基于分级表中该电影的所有分级的平均分级。 电影表: 评级表: 以下是我目前掌握的情况: 它告诉我派生表需要自己的别名,我不知道这是否真的给出了每行的平均值。

  • 我在一个片段中使用ListView,我已经按照Android的指示设置了所有必要的要求,下面是我的XML列表代码 在我的代码中 但是,我仍然得到这个错误 08-20 23:26:26.053:E/AndroidRuntime(30334):致命异常:main 08-20 23:206:26.053:E/Android Runtime“30334”:进程:com.deliveryscience.tr

  • 问题内容: 在事件回调中更新模型时,更新模型属性对视图没有影响,是否有任何解决办法? 这是我的服务: 功能已在控制器中动态添加。 控制器: 视图: 因此,问题在于单击按钮会正确更新视图,但是当我从Channel收到消息时,什么也没发生,即使该函数被调用 问题答案: 你失踪了。 每当您从Angular世界外部触摸任何东西时,都需要调用,以通知Angular。可能来自: xhr回调(由$ http服务

  • 问题内容: 我正在寻找一种简单的方法,可以一次从一个超级视图中删除所有子视图,而不是一个一个地删除它们。 我缺少什么? 更新 我的应用有一个main 。我必须添加其他不同的视图作为子视图,以便提供一种导航。 因此,当单击按钮“打开”特定页面时,我需要删除所有子视图并添加新的子视图。 更新2-可行的解决方案(OS X) 我猜苹果已经解决了。 现在,它比以往更容易了,只需致电: 问题答案: 编辑:(感