推荐项目：rn-placeholder - 精美的React Native占位符库

import React from 'react';
import { View, StyleSheet } from 'react-native';
import Placeholder from 'rn-placeholder';
 
const App = () => (
  <View style={styles.container}>
    <Placeholder.ImageAnimate
      animate={true}
      lineNumber={3}
      lineSpacing={5}
      width={200}
      height={200}
      onPress={() => console.log('Image pressed')}
      imageProps={{
        source: { uri: 'https://example.com/image.png' },
        style: styles.image
      }}
      textProps={{
        numberOfLines: 1,
        style: styles.text
      }}
    />
  </View>
);
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  image: {
    width: 200,
    height: 200,
    borderRadius: 10
  },
  text: {
    color: '#bbb',
    fontSize: 18
  }
});
 
export default App;

这个例子展示了如何使用rn-placeholder库中的Placeholder.ImageAnimate组件来创建一个动画占位符，它包含了一个图片和文本。图片和文本都可以通过style属性来自定义样式。此外，代码中还包含了onPress事件处理函数，当占位符被点击时，会在控制台打印出相应的信息。