You can handle this directly with React Native’s built-in <Text> props

<Text numberOfLines={1} ellipsizeMode="tail">
  {yourLongText}
</Text>

This will automatically add ... when the text exceeds the available width, leaving no padding or margin.

React Native Docs: Text # EllipsizeMode