text overlapping on long device name

2023-08-01 21:45:44 +00:00 · 2023-08-01 21:45:44 +00:00 · ee3d8c8c21
parent 8bb1da8d00
commit ee3d8c8c21
1 changed files with 3 additions and 1 deletions
--- a/src/Components/SideBar/index.js
+++ b/src/Components/SideBar/index.js
@ -47,8 +47,10 @@ export default function Sidebar(props) {
                  alignItems: "center",
                }}
              >
-                <View>
+                <View style={{ flex: 1 }}>
                  <Text
+                    numberOfLines={1}
+                    ellipsizeMode="tail"
                    style={{
                      color: focusedColor,
                      fontWeight: "bold",