/
githubmirror
/
taro
Обзор
Документация
Войти
/
githubmirror
/
taro
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
examples/mini-program-example/src/pages/component/camera/camera.js
59 строк
2 KB
刘阳
同步harmony最新开发分支的代码：例子程序
02 апр 2024, 09:33
02 апр 2024, 09:33
d958330
Код
Авторство
О чём код?
import './camera.scss' import React from 'react' import { Camera, Button, View } from '@tarojs/components' import Header from '../../../components/head/head' import ComponentState from '../../../components/component_state/component_state' export default class PageView extends React.Component { constructor() { super(...arguments) this.state = { devicePosition: 'back', } } handleError() { alert('您的浏览器不允许使用摄像头') } handleStop() { alert('摄像头被非正常终止') } toggleDevice = () => { this.setState({ devicePosition: this.state.devicePosition == 'back' ? 'front' : 'back', }) } render() { return ( <View className='components-page'> <View className='components-page__header'> <Header title='Camera'></Header> <ComponentState platform='原生' rate='0'> {' '} </ComponentState> </View> <View className='components-page__body'> <View className='components-page__body-example example'> <View className='example-body'> <Button type='primary' onClick={this.toggleDevice}> 开启{this.state.devicePosition == 'back' ? '前置' : '后置'}镜头 </Button> <Camera className='cammer-content' onStop={this.handleStop} onError={this.handleError} devicePosition={this.state.devicePosition} ></Camera> </View> </View> </View> </View> ) } }