如何在每次onPress事件(或状态改变)时淡入？

在每次onPress事件（或状态改变）时淡入的实现方式可以通过使用动画效果来实现。以下是一种常见的实现方式：

首先，你可以使用React Native提供的Animated API来创建一个动画对象。例如，你可以使用Animated.timing()方法创建一个透明度动画对象。
在每次onPress事件（或状态改变）时，你可以调用动画对象的start()方法来启动动画。你可以在start()方法中设置动画的目标值和持续时间。
在组件的render方法中，你可以使用动画对象的interpolate()方法来生成一个插值器。插值器可以将动画的值映射到组件的样式属性上，例如透明度。
最后，你可以将插值器应用到组件的样式属性上，以实现淡入效果。例如，你可以将插值器应用到组件的opacity属性上。

下面是一个示例代码：

import React, { Component } from 'react';
import { View, Animated, TouchableOpacity } from 'react-native';

class FadeInButton extends Component {
  constructor(props) {
    super(props);
    this.state = {
      fadeAnim: new Animated.Value(0), // 初始透明度为0
    };
  }

  handlePress = () => {
    Animated.timing(
      this.state.fadeAnim,
      {
        toValue: 1, // 目标透明度为1
        duration: 1000, // 动画持续时间为1秒
      }
    ).start();
  }

  render() {
    const { fadeAnim } = this.state;

    return (
      <TouchableOpacity onPress={this.handlePress}>
        <Animated.View
          style={{
            opacity: fadeAnim.interpolate({
              inputRange: [0, 1],
              outputRange: [0, 1],
            }),
          }}
        >
          {/* 在这里放置你的按钮内容 */}
        </Animated.View>
      </TouchableOpacity>
    );
  }
}

export default FadeInButton;

在上面的示例中，每次点击按钮时，会触发handlePress方法，该方法会启动一个透明度动画，将透明度从0渐变到1，持续时间为1秒。动画的值通过fadeAnim动画对象的interpolate()方法映射到组件的样式属性opacity上，从而实现了淡入效果。

这是一个基本的实现方式，你可以根据具体需求进行调整和扩展。