推荐文章：React Native 照片编辑器

import React, { useState } from 'react';
import { View, Image, StyleSheet } from 'react-native';
 
export default function PhotoEditor({ imageUri }) {
  const [editedImageUri, setEditedImageUri] = useState(imageUri);
 
  // 假设这是一个实现图片编辑的函数
  const handleEditPhoto = (uri) => {
    // 这里应该是图片编辑的逻辑
    setEditedImageUri(uri);
  };
 
  return (
    <View style={styles.container}>
      <Image source={{ uri: editedImageUri }} style={styles.image} />
      {/* 其他编辑控件 */}
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image: {
    width: 300,
    height: 300,
    resizeMode: 'contain',
  },
});

这个代码示例展示了如何在React Native应用中实现一个简单的照片编辑器。它使用了useState钩子来管理编辑后图片的URI。handleEditPhoto函数是一个占位符，实际的编辑逻辑将在这里实现。在<Image>组件中，我们使用了一个样式对象来指定图片的宽、高以及如何调整图片大小以保持其宽高比。