图片编辑利器：React Native 中的 PhotoEditor SDK 推荐

import React, { useState } from 'react';
import { View, Image, StyleSheet } from 'react-native';
import { PhotoEditor } from 'react-native-photo-editor-sdk';
 
export default function App() {
  const [image, setImage] = useState(null); // 用于存储处理后的图片
 
  // 打开图片编辑器的函数
  const openPhotoEditor = () => {
    const editorParams = new PhotoEditor.EditorParameters({
      imagePath: 'path_to_image', // 待编辑的图片路径
      hideControls: false, // 是否隐藏编辑控件
      theme: PhotoEditor.Theme.Dark // 编辑器主题
    });
    PhotoEditor.edit(editorParams).then(editedImage => {
      // 处理编辑后的图片
      setImage({ uri: editedImage.path });
    }).catch(error => {
      console.error('Error editing image:', error);
    });
  };
 
  return (
    <View style={styles.container}>
      <Image source={image} style={styles.image} />
      <Button onPress={openPhotoEditor} title="Edit Photo" />
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image: {
    width: 300,
    height: 300,
    resizeMode: 'contain',
  },
});

这段代码展示了如何在React Native应用程序中集成和使用react-native-photo-editor-sdk。首先，它导入了必要的React和React Native组件。然后，它定义了一个名为App的函数组件，该组件使用一个状态变量image来存储编辑后的图片信息。openPhotoEditor函数用于调用图片编辑器，并在用户编辑图片之后更新状态。最后，它提供了一个样式表来定义图片的显示方式。