推荐使用:React Native 动画触摸组件 - Touchable Scale
import React from 'react';
import { Text, TouchableOpacity } from 'react-native';
import PropTypes from 'prop-types';
const TouchableScale = ({ text, onPress }) => {
return (
<TouchableOpacity onPress={onPress}>
<Text>{text}</Text>
</TouchableOpacity>
);
};
TouchableScale.propTypes = {
text: PropTypes.string.isRequired,
onPress: PropTypes.func.isRequired,
};
export default TouchableScale;
这个简单的React Native组件创建了一个可缩放的按钮,它在按下时会变大,给用户一个视觉上的反馈。它使用TouchableOpacity
来实现缩放效果,并且使用propTypes
来确保text
和onPress
属性被正确传递。这个组件可以被开发者用作学习如何创建自定义触摸组件的例子。
评论已关闭