How to add Group in React Native Android ?

[lynshashank]

Hey while writing code for add group it is giving undefined error and not working . I have the group data in my code but group is not making provide and an error ? Please help !

[morenoh149]

share code. But I'm not sure its possible.

[lynshashank]

share code. But I'm not sure its possible.

I am having the same code as author .
ort default class App extends Component {

constructor( props ) {
super( props );

const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});

//this.state = {} //call states
this.startListenerTapped = this.startListenerTapped.bind(this);
this.state = {
  canUserAccessContact: null,
  contacts:  [],
  callStates : [], ds: ds
};

this._checkIfUserCanAccessContacts();
this._checkIfAlreadyRequestedAccessToContacts();

}
startListenerTapped() {
callDetector = new CallDetectorManager((event, number) => {
var updatedCallStates = this.state.callStates
updatedCallStates.push(event + ' - ' + number)
var previousDS = this.state.ds
this.setState({ callStates: updatedCallStates, ds: previousDS.cloneWithRows(updatedCallStates)});
},
false, // if you want to read the phone number of the incoming call [ANDROID], otherwise false
()=>{}, // callback if your permission got denied [ANDROID] [only if you want to read incoming number] default: console.error
{
title: 'Phone State Permission',
message: 'This app needs access to your phone state in order to react and/or to adapt to incoming calls.'
} // a custom permission request message to explain to your user, why you need the permission [recommended] - this is the default one
)
}

callFriendTapped() {
Linking.openURL('tel:5555555555')
.catch(err => {
console.log(err)
});
}

stopListenerTapped() {
callDetector && callDetector.dispose();
}

render() {
let badgeColor;
if ( this.state.canUserAccessContacts ) {
badgeColor = "#44B240";
}
else {
badgeColor = "#FF838A";
}

let alreadyRequestedBadgeColor;
if ( this.state.alreadyRequestedAccessToContacts ) {
  alreadyRequestedBadgeColor = "#44B240";
}
else {
  alreadyRequestedBadgeColor = "#FF838A";
}

// let groupData = {
//   'name': 'Friends',
//   'name': 'Irritating',
//   'name': 'Family',
//   'name': 'Close Friends'
// }

// Contacts.addGroup(groupData, (error, success) => {
//   if (this.state.addGroup) {
//     console.log(error);
//   }
//   else {
//     console.log(success);
//   }
// });

return (
  <ScrollView style={ styles.scrollView }>
    <View style={ styles.container }>
      <Text style={ styles.welcome }>
        WORK MODE
      </Text>

      <View style={ [ styles.badge, { backgroundColor: badgeColor } ] }>
        <Text style={ { color: "white" } }>{ this.state.canUserAccessContacts ? "ACCESS GRANTED" : "ACCESS DENIED" }</Text>
      </View>

      <View style={ [ styles.badge, { backgroundColor: alreadyRequestedBadgeColor } ] }>
        <Text style={ { color: "white" } }>{ this.state.alreadyRequestedAccessToContacts ? "ALREADY REQUESTED" : "NEVER REQUESTED" }</Text>
      </View>

{/*
<View style={ [ styles.badge, { backgroundColor: groupData } ] }>
<Text style={ { color: "white" } }>{ this.state.groupData ? "GROUP DATA ADDED" : "NOT ADDED" }
*/}

      <View style={ styles.button }>
        <Button title="Request Access to Contacts" onPress={ () => this._requestAccessToContacts() } />
      </View>

      <View style={ styles.button }>
        <Button title="Open Privacy Settings" onPress={ () => this._openPrivacySettings() } />
      </View>

      <View style={ styles.button }>
        <Button title="Get Contacts" onPress={ () => this._getContacts() } />
      </View>

      <View style={ styles.button }>
        <Button title="Select Contact" onPress={ () => this._selectContact() } />
      </View>

      {/* <View style={ styles.button}>
         <Button title="Add Group" onPress={ () => this._addGroup()}/>
      </View> */}

      <View style={ styles.button }>
        <TextInput value={ this.state.searchText } onChangeText={ text => this.setState( { searchText: text } ) } />
        <Button title="Search Name in Contacts" onPress={ () => this._searchContacts( this.state.searchText ) } />
      </View>

      <View style={styles.container}>
    <Button
      onPress={this.startListenerTapped}
      title="Start Listener"
      color="#841584"
      style = {styles.bottomMargin}
    />

    <Button
      onPress={this.callFriendTapped}
      title="Call your friend"
      color="#341584"
      style = {styles.bottomMargin}
    />
    <Button
      onPress={this.stopListenerTapped}
      title="Stop Listener"
      color="#841584"
      style = {styles.bottomMargin}
    />

    <Text style = {styles.text}>
      Call State Logs
    </Text>

    <FlatList
      dataSource={this.state.ds}
      renderRow={(rowData) => <Text style = {styles.callLogs}>{rowData}</Text>}
    />
  </View>

      <FlatList
        style={ styles.contacts }
        data={ this.state.contacts }
        keyExtractor={ contact => contact.identifier }
        renderItem={ ( { item } ) => (
          <View style={ styles.contact }>
            <Text style={ styles.name }>
              { item.fullName }
            </Text>
          </View>
        ) }
      />

    </View>
  </ScrollView>
    
);

}

_checkIfUserCanAccessContacts() {
Contacts.userCanAccessContacts( canUserAccessContacts => {
this.setState( { canUserAccessContacts } );
} );
}

_checkIfAlreadyRequestedAccessToContacts() {
Contacts.alreadyRequestedAccessToContacts( alreadyRequestedAccessToContacts => {
this.setState( { alreadyRequestedAccessToContacts } );
} );
}

_requestAccessToContacts() {
Contacts.requestAccessToContacts( canUserAccessContacts => {
this.setState( {
canUserAccessContacts,
alreadyRequestedAccessToContacts: true
} );
} );
}

// _addGroup() {
// Contacts.addGroup( groupData , (error , success)=> {
// if(error){
// console.log(error);
// }
// else{
// this.setState( { groupData } );
// }
// });
// }

_openPrivacySettings() {
Contacts.openPrivacySettings();
}

_getContacts() {
if ( !this.state.canUserAccessContacts ) return;

Contacts.getContacts( ( error, contacts ) =>  {
  if ( error ) {
    console.error( error );
  }
  else {
    this.setState( { contacts } );
  }
} );

}

_selectContact() {
Contacts.selectContact( ( error, contact ) => {
if ( error ) {
console.error( error );
}
else {
const contacts = [ contact ];
this.setState( { contacts } );
}
} );
}
// _addContact(){
// Contacts.addContact(groupData, (error, success) => {
// if( error ){
// console.error( error );
// }
// else{
// const contacts = [contact];
// this.setState( {contacts} );
// }

// });

// }

// _selectContact() {
// if (this.state.canUserAccessContacts) {
// Contacts.selectContact( (error, contact) => {
// if (error) {
// console.error(error);
// }
// else {
// this.setState( { contacts: [ contact ] } );
// }
// });
// }
// }

// _addContact() {
// if (this.state.canUserAccessContacts) {
// Contacts.addContact( (error, contact) => {
// if (error) {
// console.error(error);
// }
// else {
// this.setState( { contacts: [ contact ] } );
// }
// });
// }
// }

// _addGroup( searchText ) {
// if ( this.state.canUserAccessContacts ) {
// Contacts.addGroup( searchText, ( error, contacts ) => {
// if ( error ) {
// console.error( error );
// }
// else {
// this.setState( { contacts: [ contact ] } );
// }
// });

// }

// }

_searchContacts( searchText ) {
if ( this.state.canUserAccessContacts ) {
Contacts.searchContacts( searchText, ( error, contacts ) => {
if ( error ) {
console.error( error );
}
else {
this.setState( { contacts } );
}
} );
}
I have commented some line which previously used .