2016-08-07 6 views
2

내 TextInput 필드 왼쪽에 이미지를 추가하려하지만 작동하지 않습니다. 나는 이미 경로를 넣으려고했는데 이미지의 이름뿐 아니라 require('path/to/image')으로 시도했지만 아무것도 작동하지 않는 것 같습니다.React Native - TextInput inlineImageLeft가 작동하지 않습니다.

나는이

<TextInput 
    value={this.state.value} 
    onChangeText={ (value) => this.setState({value}) 
    inlineImageLeft="path/to/image" 
/> 
+1

이 속성은 Android 전용이며 React Native 버전 0.30에 추가되었습니다. iOS 또는 Android에서이 기능을 사용하고 있으며 사용중인 RN 버전은 무엇입니까? – jevakallio

+0

아, 그것이 작동하지 않는 이유입니다. 버전 0.29가 있습니다. 고맙습니다! – corasan

+0

@ jevakallio가 여전히 작동하지 않고 rn 0.31.0으로 업그레이드되었지만 여전히 작동하지 않습니다.이 속성을 올바르게 사용하는 방법을 알고 있습니까? – corasan

답변

2

UIExplorer 같은 제목 '인라인 이미지'에서, 거기에 예를 가지고 있습니다.

react-native/Examples/UIExplorer/js/TextInputExample.android.js 

경로는 ./android/app/src/main/res/drawable/과 관련이 있어야합니다. 다른 경로는 작동하지 않습니다. 또한 이미지의 크기가 조정되지 않습니다.

<TextInput inlineImageLeft="ic_menu_black_24dp"/> 
+0

안녕하세요,이 일을 할 수 있었나요? 나는 위선적 인 것처럼 보인다. 나는 image.png를 ./res/drawable ..에 두었습니다. 이미지 크기는 20 픽셀입니다. 저는 다음과 같이 prop를 설정합니다 : inlineImageLeft = "image.png". 아마도 특별한 이름 지정 규칙이 필요합니까? – ajonno

2

(가) 기본 문서를 반응 당김 폴더 에 이미지를 추가 한 후 안드로이드 스튜디오에서 빌드 옵션에서 프로젝트를 청소하고 반응 네이티브 실행 안드로이드와 프로젝트를 다시 실행하십시오. 그것은 나를 위해 일했습니다

관련 문제