如何使用 React Native 在 Android 上使用 LayoutAnimation

Question

布局动画在 Android 上不起作用 我没有发现任何这样的问题，并且在谷歌中找不到这些错误）

"react-native": "0.67.4"

我尝试使用LayoutAnimation，我的代码如下所示：

constructor(props) {
    super(props)
    this.state = {
        height: Dimensions.get('window').height,
        sliderTopPosition: Dimensions.get('window').height/2-50
    }
    
    if (Platform.OS === 'android') {
        UIManager.setLayoutAnimationEnabledExperimental &&
            UIManager.setLayoutAnimationEnabledExperimental(true);
    }

}

kbShow = (event) => {
    LayoutAnimation.configureNext(LayoutAnimation.create(
        event.duration,
        LayoutAnimation.Types[event.easing] //'keyboard'
    // LayoutAnimation.Types.easeInEaseOut
    ), () => {
        // console.log(finish, 'finish')
    }, () => {
        console.log('KEYBOARD SHOW ANIMATION DID FAIL')
    })
    this.setState({
    height: event.endCoordinates.screenY,
    sliderTopPosition: this.state.sliderTopPosition-event.endCoordinates.height+150,
    })
}

它在iOS上运行良好，但如果我尝试在android上运行此代码我得到一个错误：

不支持的插值类型：键盘

好吧，我像这样替换这个字符串只是为了测试：

//LayoutAnimation.Types[event.easing] //'keyboard'
LayoutAnimation.Types.easeInEaseOut

它仍然可以在 ios 上运行，但不能在 android 上运行

现在错误如下：

布局动画无效：{NativeMap: {"type": escapeInEaseOut}}

无论我使用哪种类型的缓动，它总是会抛出此错误

Answer 1

为了使其在Android上使用，您需要提供属性：

LayoutAnimation.configureNext(LayoutAnimation.create(
    event.duration,
    LayoutAnimation.Types[event.easing],
    'opacity'
)

该属性可以是“不透明度”，“ Scalex”，“ Scaley”或“ Scalexy”。

这是一条非常误导的错误消息，类型检查应显示属性是必需的...