Résumé des problèmes de développement courants des mini-programmes WeChat

1. Sauts de ligne forcés dans coverview

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

2. IOS empêche l'effet élastique sur la page

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

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

3. Début

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 Program Map

• Lorsque l'utilisateur effectue un zoom manuel la carte, le changement d'échelle ne sera pas automatiquement déclenché. Si vous souhaitez zoomer la carte à la taille initiale, la valeur de l'échelle ne changera pas et la mise à jour de la page ne sera pas déclenchée. À ce moment, vous pouvez légèrement modifier la valeur de l'échelle. et ajoutez un très petit nombre, tel que 0,000001

state = {
    scale : 10
}

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

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

• Le problème du positionnement inexact de la carte, essayez d'utiliser les coordonnées gcj02

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

Tutoriel recommandé : "WeChat Mini Program》

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!