사용자가 이미지 위에 텍스트를 입력 할 수 있도록 허용

Question

누구도 React Native에서 이와 같은 것을 구현 한 적이 있습니까? 내가 스냅 샷이나 인스 타 그램처럼 이미지를 편집하고 텍스트를 추가하는 것과 같은 방법을 생각하고있었습니다.하지만 어떻게하면 그럴 수 있을지 생각할 수 없습니다.

좋은 아이디어가 될 것입니다.

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> 

은 그런 "편집"또는 뭔가 단지 표시하고의 TextInput를 숨기는 기능을 트리거하는 onPress 어딘가에 TouchableOpacity를 슬로우 확인하십시오.