关于React-native用到打印

@T关于React-native用到打印

rn局域网连接打印机
安装
1.使用npm安装：
npm install react-native-print --save
2.react-native link(RN版本06.0不需要执行此操作 06.0会自动依赖)

Demo代码:

import React, { Component } from 'react';
import {
  AppRegistry,
  Button,
  StyleSheet,
  NativeModules,
  Platform,
  Text,
  View
} from 'react-native';


import RNPrint from 'react-native-print';

export default class RNPrintExample extends Component {
  state = {
    selectedPrinter: null
  }

  // @NOTE iOS Only
  selectPrinter = async () => {
    const selectedPrinter = await RNPrint.selectPrinter({ x: 100, y: 100 })
    this.setState({ selectedPrinter })
  }

  // @NOTE iOS Only
  silentPrint = async () => {
    if (!this.state.selectedPrinter) {
      alert('Must Select Printer First')
    }

    const jobName = await RNPrint.print({
      printerURL: this.state.selectedPrinter.url,
      html: '
Silent Print
'
    })

  }

  async printHTML() {
    await RNPrint.print({
      html: '
Heading 1
Heading 2
Heading 3
'
    })
  }


  async printRemotePDF() {
    await RNPrint.print({ filePath: 'https://graduateland.com/api/v2/users/jesper/cv' })
  }

  customOptions = () => {
    return (
      
        {this.state.selectedPrinter &&
          
            {`Selected Printer Name: ${this.state.selectedPrinter.name}`}
            {`Selected Printer URI: ${this.state.selectedPrinter.url}`}
          
        }
      
      
    

    )
  }

  render() {
    return (
      
        {Platform.OS === 'ios' && this.customOptions()}
        
            
        
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});