how to change the color of a part of content in a specific dialog box.tip

[saidhappy010]

i'm using many dialogbox.tip in my app. I would like change color a part of content just for one dialogbox.tip.

this.dialogbox.tip({
content: [
    ' We noted your application',
    'Attention, at this stage you are NOT STILL SELECTED'
]
})

so, Attention, at this stage you are NOT STILL SELECTED, I would like to put it in red color.
Please, How can i make it

[deavial]

Currently, that is not supported. I will be releasing a new version that will accept custom components soon.

[deavial]

Actually no, looking at the codebase there is a hack you could use. You could pass a custom-styled Text component from what it looks like. This would only work with Text so you could not use View. You would need to be on a later version or react native. I believe 59+ allows Text within Text. Combining with Fragment you should be able to do some interesting things:

this.dialogbox.tip({
     content: [
           ' We noted your application',
           <React.Fragment>
                 <Text style={{ color: 'red' }}>Attention, </Text>
                 <Text>at this stage you are </Text>
                 <Text style={{ fontWeight: '800' }}>NOT STILL SELECTED</Text>
           </React.Fragment>
      ]
});

There is one more issue with doing this. The internal component has prop-types checker looking for strings. So an error will be displayed when compiled in debug mode. (Production react versions do not check proptypes). This will start to become annoying. The app would run but a redbox would popup while on a dev build.

A future version will allow you to send any component in as the body of the dialog.