React Native: I have a view with three child views

i have a view with three child views. i the first child view has a set height and width and the last one as well. i would like the center view to stretch between with text in it that does not wrap. i can't seem to figure it out.

i have the parent view set to display flex with a fex direction of row

i have the first view set to alignSelf center and last view set to alignSelf end and the center one to alignSelf stretch? i'm probably doing this all all wrong.

any help would be appreciated.