Merge pull request #303 from albinekb/disallow-font-scaling

🐛 Disallow font scaling

Author: Tautvilas Mečinskas

src/agenda/index.js

@@ -401,7 +401,7 @@ export default class AgendaView extends Component {
         </Animated.View>
         <Animated.View style={weekdaysStyle}>
           {weekDaysNames.map((day) => (
-            <Text key={day} style={this.styles.weekday} numberOfLines={1}>{day}</Text>
+            <Text allowFontScaling={false} key={day} style={this.styles.weekday} numberOfLines={1}>{day}</Text>
           ))}
         </Animated.View>
         <Animated.ScrollView

src/agenda/reservation-list/reservation.js

@@ -39,8 +39,8 @@ class ReservationListItem extends Component {
     if (date) {
       return (
         <View style={this.styles.day}>
-          <Text style={[this.styles.dayNum, today]}>{date.getDate()}</Text>
-          <Text style={[this.styles.dayText, today]}>{XDate.locales[XDate.defaultLocale].dayNamesShort[date.getDay()]}</Text>
+          <Text allowFontScaling={false} style={[this.styles.dayNum, today]}>{date.getDate()}</Text>
+          <Text allowFontScaling={false} style={[this.styles.dayText, today]}>{XDate.locales[XDate.defaultLocale].dayNamesShort[date.getDay()]}</Text>
         </View>
       );
     } else {
@@ -70,4 +70,4 @@ class ReservationListItem extends Component {
   }
 }
 
-export default ReservationListItem;
+export default ReservationListItem;

src/calendar-list/item.js

@@ -42,11 +42,11 @@ class CalendarListItem extends Component {
       const text = row.toString();
       return (
         <View style={[{height: this.props.calendarHeight}, this.style.placeholder]}>
-          <Text style={this.style.placeholderText}>{text}</Text>
+          <Text allowFontScaling={false} style={this.style.placeholderText}>{text}</Text>
         </View>
       );
     }
   }
 }
 
-export default CalendarListItem;
+export default CalendarListItem;

src/calendar/day/basic/index.js

@@ -97,7 +97,7 @@ class Day extends Component {
             : this.props.state === 'disabled'
         }
       >
-        <Text style={textStyle}>{String(this.props.children)}</Text>
+        <Text allowFontScaling={false} style={textStyle}>{String(this.props.children)}</Text>
         {dot}
       </TouchableOpacity>
     );

src/calendar/day/multi-dot/index.js

@@ -90,7 +90,7 @@ class Day extends Component {
     }
     return (
       <TouchableOpacity style={containerStyle} onPress={this.onDayPress}>
-        <Text style={textStyle}>{String(this.props.children)}</Text>
+        <Text allowFontScaling={false} style={textStyle}>{String(this.props.children)}</Text>
         <View style={{flexDirection: 'row'}}>{dot}</View>
       </TouchableOpacity>
     );

src/calendar/day/period/index.js

@@ -193,7 +193,7 @@ class Day extends Component {
         <View style={this.style.wrapper}>
           {fillers}
           <View style={containerStyle}>
-            <Text style={textStyle}>{String(this.props.children)}</Text>
+            <Text allowFontScaling={false} style={textStyle}>{String(this.props.children)}</Text>
           </View>
         </View>
       </TouchableWithoutFeedback>

src/calendar/header/index.js

@@ -88,7 +88,7 @@ class CalendarHeader extends Component {
         <View style={this.style.header}>
           {leftArrow}
           <View style={{ flexDirection: 'row' }}>
-            <Text style={this.style.monthText}>
+            <Text allowFontScaling={false} style={this.style.monthText}>
               {this.props.month.toString(this.props.monthFormat ? this.props.monthFormat : 'MMMM yyyy')}
             </Text>
             {indicator}
@@ -98,9 +98,9 @@ class CalendarHeader extends Component {
         {
           !this.props.hideDayNames &&
           <View style={this.style.week}>
-            {this.props.weekNumbers && <Text style={this.style.dayHeader}></Text>}
+            {this.props.weekNumbers && <Text allowFontScaling={false} style={this.style.dayHeader}></Text>}
             {weekDaysNames.map((day, idx) => (
-              <Text key={idx} style={this.style.dayHeader} numberOfLines={1}>{day}</Text>
+              <Text allowFontScaling={false} key={idx} style={this.style.dayHeader} numberOfLines={1}>{day}</Text>
             ))}
           </View>
         }