WeChat ミニ プログラムの一般的な開発問題の概要

1. カバービューでの強制改行

.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 では ## で始まるメソッド名が必要です

#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 ミニ プログラムの一般的な開発問題の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。