WeChat 미니 프로그램의 일반적인 개발 문제 요약

1. Coverview에서 강제 줄 바꿈

.wrap{
  word-break: break-all;
  word-wrap:break-word;
  white-space:pre-line;
}

2. IOS는 페이지 탄력 있는 고무줄 효과를 방지합니다.

// taro 为例
import Taro, { Component, Config } from '@tarojs/taro';

export default class HomePage extends Component {
    config: Config = {
        navigationBarTitleText: '首页',       
        disableScroll: true, // 这一句
    };
}

3. 구성 요소 간 통신 메서드 전송, taro의 메서드 이름은 on

container.js

import Child from 'child';

render(){
    return <View>
        <Child onToggle={this.handleToggle.bind(this)}/>
    </View>
}

로 시작해야 합니다. child .js

handleClick(){
    this.props.onToggle();
}

render(){
    return <View onClick={this.handleClick.bind(this)}>点击测试</View>
}

4. WeChat 미니 프로그램 지도

• 사용자가 지도를 수동으로 확대/축소하면 지도가 초기 크기로 확대되는 경우 축척 값이 자동으로 변경되지 않습니다. 변경되지 않고 페이지가 실행되지 않습니다. 업데이트 이때 축척 값을 약간 변경하고 0.000001

state = {
    scale : 10
}

resetScale(){
    this.setState({
        scale:this.state.scale===10?10.00001:10
    })
}

render(){
    return (
        <Map scale={this.state.scale}/>
    )
}

• 과 같은 아주 작은 숫자를 추가하면 부정확한 지도 위치 문제를 해결해 볼 수 있습니다. gcj02 좌표 사용하기

Taro.getLocation({
    type:'gcj02' // 这里
})
.then(res=>{
    let { longitude, latitude } = res;
})

추천 튜토리얼: "WeChat Mini 프로그램》

위 내용은 WeChat 미니 프로그램의 일반적인 개발 문제 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!