React Native

Question

Paylaşımı menüsünde bir menü öğesi (Android için Paylaşma Eylemi, iOS için Uzantı Paylaş) adlı bir öğeyi enjekte eden ve uygulamada paylaşılan öğeleri alan React Native uygulamasını oluşturmaya çalışıyor. Bunun için bir bileşen var mı, yoksa bir tane inşa etmenin en iyi yolu nedir?

Answer 1

bunun için bir modül uyguladı. android/app/build.gradle olarak

... 
include ':react-native-share-menu', ':app' 
project(':react-native-share-menu').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-share-menu/android') 

: android/settings.gradle olarak

npm i --save react-native-share-menu

:

modülünü yükleyin: nasıl kullanılacağını var

:

... 
dependencies { 
    ... 
    compile project(':react-native-share-menu') 
} 

(MainActivity.java olarak)

Kayıt modülü:

import com.meedan.ShareMenuPackage; // <--- import 

public class MainActivity extends ReactActivity { 
...... 
    @Override 
    protected List<ReactPackage> getPackages() { 
     return Arrays.<ReactPackage>asList(
      new MainReactPackage(), 
      new ShareMenuPackage() // <------ add here  
     ); 
    } 
...... 
} 

Örnek:

import React, { 
    AppRegistry, 
    Component, 
    Text, 
    View 
} from 'react-native'; 
import ShareMenu from 'react-native-share-menu'; 

class Test extends Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
      sharedText: null 
     }; 
    } 

    componentWillMount() { 
     var that = this; 
     ShareMenu.getSharedText((text :string) => { 
      if (text && text.length) { 
       that.setState({ sharedText: text }); 
      } 
     }) 
    } 

    render() { 
     var text = this.state.sharedText; 
     return (
      <View> 
       <Text>Shared text: {text}</Text> 
      </View> 
     ); 
    } 
} 

AppRegistry.registerComponent('Test',() => Test); 

Answer 2

Sen bileşeninde inşa kullanabilirsiniz: https://facebook.github.io/react-native/docs/actionsheetios.html#content

Ya da istediğiniz herhangi görüşünü kabul ve iOS payı bileşeni gibi yapar bu bileşeni kullanabilirsiniz:

https://github.com/eyaleizenberg/react-native-custom-action-sheet

Bunlar iOS için tasarlanmıştır. (Aynı zamanda ve iOS) Android için, bu kullanabilirsiniz: https://www.npmjs.com/package/react-native-share-menu (şu anda sadece Android için çalışır): https://github.com/EstebanFuentealba/react-native-share

Answer 3

Sen 0.33 tanıtılan yeni Hisse api kullanabilirsiniz. Aslında bunun nasıl yapılacağı hakkında bir videom var: http://codecookbook.co/post/how-to-share-text-from-your-react-native-app/