آموزش جاوااسکریپت انجمن ها react native برنامه مشابه سنگ قبر

  • این موضوع 1 پاسخ، 2 کاربر را دارد و آخرین بار در 3 سال، 11 ماه پیش بدست مهدی به‌روزرسانی شده است.
در حال نمایش 2 نوشته (از کل 2)
  • نویسنده
    نوشته‌ها
  • #19896 پاسخ
    esi_52000
    مشارکت کننده

    سلام استاد
    من یک عکس مبنا دارم که باید جاهای خاصی از اون با یک سری متون پر بشه و بعد ازش یه عکس دیگه ساخته بشه و ذخیره بشه….چیزی تو مایه های سنگ قبر بازار…..ممنون میشم راهنمایی بفرمایید که چطور یه عکس دیگه بسازم

    #19921 پاسخ
    مهدی
    میهمان

    سلام.از تیکه کد زیر میتونید استفاده کنید.
    ‘use strict’;

    var React = require(‘react-native’);
    var How = require(‘./How’);
    var styles = require(‘./Styles’);
    var UIImagePickerManager = require(‘NativeModules’).UIImagePickerManager;
    var reactNativeStore = require(‘react-native-store’);
    var ViewSnapshotter = require(‘react-native-view-snapshot’);
    var RNFS = require(“react-native-fs”);

    var {
    AppRegistry,
    NavigatorIOS,
    Component,
    Text,
    TextInput,
    View,
    TouchableHighlight,
    Image,
    CameraRoll,
    AlertIOS,
    } = React;

    class DufinitionDetail extends Component {

    constructor(props) {
    super(props);
    this.state = {
    isLoading: false,
    errorMessage: ”,
    imageSaved: false,
    searchWord: props.dufinition.searchWord,
    photo: props.dufinition.photo,
    dufinition: props.dufinition,
    };
    }

    render() {
    console.log(this.state.dufinition.definition);
    return (
    <View style={styles.container}>
    <View ref=”dufinition”>
    <View style={styles.dufTop}>
    <View style={styles.avatarContainer}>
    <Image source={{uri: this.state.photo.uri}} style={styles.dufPhoto}/>
    </View>
    <View style={styles.dufinitionText}>
    <Text style={styles.georgia}>{this.state.dufinition.definition.word}</Text>
    <Text style={styles.georgia}>{this.state.dufinition.definition.partOfSpeech}</Text>
    </View>

    </View>
    <View style={styles.dufinitionDefinition}>
    <Text style={styles.georgia}>{this.state.dufinition.definition.text}</Text>
    </View>
    </View>

    <TouchableHighlight style={styles.button}
    underlayColor=’#f1c40f’
    onPress={this.confirmDelete.bind(this)}>
    <Text style={styles.buttonText}>delete this</Text>
    </TouchableHighlight>
    <TouchableHighlight style={styles.button}
    underlayColor=’#f1c40f’
    onPress={this.saveDufinition.bind(this)}>
    <Text style={styles.buttonText}>save this</Text>
    </TouchableHighlight>
    </View>
    );
    }
    saveDufinition(){
    console.log(‘saveDufinition’);
    var ref = React.findNodeHandle(this.refs.dufinition);
    ViewSnapshotter.saveSnapshotToPath(ref, this.imagePath(), (error, successfulWrite) => {
    if (successfulWrite) {
    this.setState({imageSaved: true});
    CameraRoll.saveImageWithTag(this.imagePath(), function(data) {
    console.log(data);
    }, function(err) {
    console.log(err);
    });
    } else {
    console.log(error)
    }
    }); // ViewSnapshotter
    }

    imagePath() {
    return RNFS.CachesDirectoryPath+”/duf.png”;
    }

    dataInput(event) {
    this.setState({ dataInput: event.nativeEvent.text });
    }

    saveToCameraRoll() {
    // console.log(‘saving to camera roll’);
    // console.log(this.state.photo.uri);
    CameraRoll.saveImageWithTag(this.state.photo.uri, function(data) {
    // console.log(data);
    }, function(err) {
    // console.log(err);
    });

    }
    confirmDelete() {
    AlertIOS.alert(
    ‘Delete Dufinition’,
    ‘Are you sure?’,
    [
    {text: ‘Yes’, onPress: () => this.deleteDufinition()},
    {text: ‘No’, onPress: () => console.log(‘User cancelled deltion’)},
    ]
    )
    }

    async deleteDufinition(dufinition){
    var dufineModel = await reactNativeStore.model(“dufine_v2”);
    var remove_data = await dufineModel.remove({
    searchWord: this.state.searchWord
    });
    // console.log(remove_data);
    this.props.navigator.pop();
    // console.log(‘return’);
    }

    }

در حال نمایش 2 نوشته (از کل 2)
پاسخ به: برنامه مشابه سنگ قبر
اطلاعات شما: