Skip to content

LineBoardLEDの全Text要素にnumberOfLines制約を追加 #5461

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
TinyKitten merged 1 commit into from
Feb 26, 2026
Merged

LineBoardLEDの全Text要素にnumberOfLines制約を追加 #5461

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 18 additions & 12 deletions src/components/LineBoardLED.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,13 +34,19 @@ const styles = StyleSheet.create({
});

const GreenText = ({ children }: { children: React.ReactNode }) => (
<Text style={[styles.text, styles.green]}>{children}</Text>
<Text numberOfLines={1} style={[styles.text, styles.green]}>
{children}
</Text>
);
const OrangeText = ({ children }: { children: React.ReactNode }) => (
<Text style={[styles.text, styles.orange]}>{children}</Text>
<Text numberOfLines={1} style={[styles.text, styles.orange]}>
{children}
</Text>
);
const CrimsonText = ({ children }: { children: React.ReactNode }) => (
<Text style={[styles.text, styles.crimson]}>{children}</Text>
<Text numberOfLines={1} style={[styles.text, styles.crimson]}>
{children}
</Text>
);

// Helper component for arriving state content
Expand Down Expand Up @@ -87,7 +93,7 @@ const ArrivingContent = ({
) : null}

<GreenText>The next stop is</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>
{nextStation?.nameRoman}
{nextStationNumber ? `(${nextStationNumber.stationNumber})` : ''}
Expand All @@ -98,7 +104,7 @@ const ArrivingContent = ({
{afterNextStation ? (
<>
<GreenText>The stop after</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>
{nextStation?.nameRoman}
{nextStationNumber ? `(${nextStationNumber.stationNumber})` : ''}
Expand All @@ -108,7 +114,7 @@ const ArrivingContent = ({

<GreenText>will be</GreenText>

<Text>
<Text numberOfLines={1}>
<OrangeText>
{afterNextStation?.nameRoman}
{afterNextStation?.stationNumbers?.[0]
Expand All @@ -123,7 +129,7 @@ const ArrivingContent = ({
<>
<GreenText>Please change here for</GreenText>

<Text>
<Text numberOfLines={1}>
<OrangeText>
{transferLines
.map((l) => l.nameRoman)
Expand Down Expand Up @@ -167,7 +173,7 @@ const CurrentContent = ({
</GreenText>
<OrangeText>{trainTypeTexts[1]}</OrangeText>
<GreenText>train for</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>{boundTexts[1]}</OrangeText>
<GreenText>.</GreenText>
</Text>
Expand Down Expand Up @@ -216,7 +222,7 @@ const NextStopContent = ({
</>
) : null}
<GreenText>The next stop is</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>
{nextStation?.nameRoman}
{nextStationNumber ? `(${nextStationNumber.stationNumber})` : ''}
Expand All @@ -226,7 +232,7 @@ const NextStopContent = ({
{afterNextStation ? (
<>
<GreenText>The stop after</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>
{nextStation?.nameRoman}
{nextStationNumber ? `(${nextStationNumber.stationNumber})` : ''}
Expand All @@ -235,7 +241,7 @@ const NextStopContent = ({
</Text>

<GreenText>will be</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>
{afterNextStation?.nameRoman}
{afterNextStation?.stationNumbers?.[0]
Expand All @@ -249,7 +255,7 @@ const NextStopContent = ({
{transferLines.length > 0 ? (
<>
<GreenText>Please change here for</GreenText>
<Text>
<Text numberOfLines={1}>
<OrangeText>
{transferLines
.map((l) => l.nameRoman)
Expand Down