带有包含调整大小模式的图像右上角的React native按钮

import React, { Component } from 'react';
import { View, Image, TouchableOpacity } from 'react-native';

class ResizableButton extends Component {
  constructor(props) {
    super(props);
    this.state = {
      width: 100, // 初始宽度
      height: 100, // 初始高度
    };
  }

  handleResize = () => {
    // 处理调整大小逻辑
    // 可以根据需要修改宽度和高度的值
    this.setState({
      width: this.state.width + 10,
      height: this.state.height + 10,
    });
  }

  render() {
    return (
      <View>
        <Image
          source={require('path/to/image')} // 图像路径
          style={{ width: this.state.width, height: this.state.height }}
        />
        <TouchableOpacity
          onPress={this.handleResize}
          style={{ position: 'absolute', top: 0, right: 0 }}
        >
          {/* 这里可以放置调整大小按钮的图标 */}
        </TouchableOpacity>
      </View>
    );
  }
}

class App extends Component {
  render() {
    return (
      <View>
        {/* 其他组件 */}
        <ResizableButton />
        {/* 其他组件 */}
      </View>
    );
  }
}