taro开发小程序分享二维码

要在 Taro 中开发小程序并分享二维码，您可以按照以下步骤：

1. 在 Taro 中创建一个小程序项目，并编写您的代码。

2. 在 app.config.ts 中添加页面路径：

  pages: [
    'pages/index/index',
    'pages/other/other'
  ]

3. 在您想要分享的页面上，添加一个按钮并绑定一个事件处理函数，该函数将在点击按钮时生成二维码：

import Taro from '@tarojs/taro'
import QRCode from 'qrcode'

function generateQRCode() {
  const canvas = document.getElementById('canvas')
  QRCode.toCanvas(canvas, window.location.href, error => {
    if (error) console.error(error)
    console.log('QR code generated successfully')
  })
}

export default function Other() {
  return (
    <View>
      <Text>Other page</Text>
      <Button onClick={generateQRCode}>Generate QR code</Button>
      <canvas id="canvas" />
    </View>
  )
}

4. 将生成的二维码显示在页面上：

import Taro from '@tarojs/taro'
import QRCode from 'qrcode'

function generateQRCode() {
  const canvas = document.getElementById('canvas')
  QRCode.toCanvas(canvas, window.location.href, error => {
    if (error) console.error(error)
    console.log('QR code generated successfully')
    Taro.canvasToTempFilePath({
      canvas: canvas,
      fileType: 'jpg',
      success: res => {
        Taro.previewImage({
          urls: [res.tempFilePath]
        })
      }
    })
  })
}

export default function Other() {
  return (
    <View>
      <Text>Other page</Text>
      <Button onClick={generateQRCode}>Generate QR code</Button>
      <canvas id="canvas" />
    </View>
  )
}

这将在点击按钮后生成一个包含当前页面 URL 的二维码，并在预览图像上显示它。您可以将其保存并分享给您的用户。