允许用户在图像上输入文本

Question

有没有人在React Native中实现过这样的东西？我想像是一种编辑图像并添加文本的方式，就像Snapchat或Instagram一样..但我不能想到你可能会从做出反应本身的方式开始

任何想法都会很棒

Answer 1

听起来很可行。只需添加一些造型。要做到这一点，我的渲染将看起来像这样：

    <Image source={require(url)} 
        style={{
          height: 100,
          width: null, 
          right: 0, 
          left: 0}}
    >
    <TextInput 
       style={{
          position: 'absolute', 
          height: 20, 
          width 60, 
          fontSize: 24, 
          fontWeight: '600',
          backgroundColor: 'transparent', 
          color: white}}
        />
    </Image>

使它可以编辑＆＃34;或类似的东西只会在TouchableOpacity某处抛出onPress触发显示和隐藏TextInput的函数。