Zusammenfassung häufiger Entwicklungsprobleme von WeChat-Miniprogrammen

1. Erzwungene Zeilenumbrüche in der Coveransicht

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

2. IOS verhindert den Seiten-Elastic-Rubber-Band-Effekt

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

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

3 🎜>

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 Mini-Programmkarte

• Wenn der Benutzer manuell hineinzoomt Die Maßstabsänderung wird nicht automatisch ausgelöst. Wenn Sie die Karte auf die ursprüngliche Größe zoomen möchten, ändert sich der Maßstabswert nicht und die Seitenaktualisierung wird nicht ausgelöst. Zu diesem Zeitpunkt können Sie den Maßstabswert geringfügig ändern und fügen Sie eine sehr kleine Zahl hinzu, z. B. 0,000001

state = {
    scale : 10
}

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

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

• Das Problem der ungenauen Kartenpositionierung, versuchen Sie, gcj02-Koordinaten zu verwenden

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

Empfohlenes Tutorial: „

WeChat Mini-Programm》

Das obige ist der detaillierte Inhalt vonZusammenfassung häufiger Entwicklungsprobleme von WeChat-Miniprogrammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!