Блог

Главная - Вопросы по программированию - Как мне сделать вид с камеры выставки интерактивным

Как мне сделать вид с камеры выставки интерактивным

#reactjs #react-native #expo

#reactjs #react-native #выставка

Вопрос:

Я использую камеру Expo в React Native. Я хочу сделать снимок при нажатии на вид с камеры. Как мне это сделать?

Я попытался поместить TouchableOpacity в тег камеры, но когда я пытаюсь войти в консоль, когда пользователь нажимает на просмотр камеры, ничего не происходит

 <Camera style={{ height: '100%', width: '100%', display: this.state.camera }} type={this.state.type} autoFocus={'on'} ratio={'4:3'}   focusDepth={0} ref={(ref) => { this.camera = ref }}>
<TouchableOpacity style={{width:'100%', height:'100%'}} onPress={()=>console.log("Testing cam")}>

</TouchableOpacity>
</Camera>

Я хочу, чтобы он печатал «Тестовую камеру» в консоли, когда я нажимаю на вид камеры

Комментарии:

1. Я мало что знаю, react-native но, основываясь на их документации, в ней говорится, что камера должна находиться внутри TouchableOpacity

2. Хорошо, я попробую это

3. Вау, это сработало, вы могли бы также указать это как ответ

4. просто добавлено в качестве ответа.

Ответ №1:

Вы должны поместить Camera внутрь TouchableOpacity , а не наоборот:

 
<TouchableOpacity style={{width:'100%', height:'100%'}} onPress={()=>console.log("Testing cam")}>
    <Camera style={{ height: '100%', width: '100%', display: this.state.camera }} type={this.state.type} autoFocus={'on'} ratio={'4:3'}   focusDepth={0} ref={(ref) => { this.camera = ref }}>
    </Camera
</TouchableOpacity>
Метки: