Skip to content

Instantly share code, notes, and snippets.

@SharePerson
SharePerson / rnsi.js
Created February 7, 2020 00:25
Swiping images without warnings
<Swiper
images={this.state.images}
imageHeight={300}
textColor="#fff"
swipeBottom={e => console.log('swipe bottom: ', e)}
swipeTop={e => console.log('swipe top: ', e)}
/>
@SharePerson
SharePerson / rns.js
Created February 6, 2020 23:34
React Native Swiper into action
renderImages() {
if (this.state.images.length > 0) {
return this.state.images.map(image => (
<View key={image.id} style={styles.imageContainer}>
<Image style={styles.image} source={{uri: image.imageUrl}} />
</View>
));
}
return <></>;
@SharePerson
SharePerson / Dimensions.js
Created February 6, 2020 12:23
Using Dimensions
componentDidMount() {
const images = getImages();
const {width} = Dimensions.get('window');
this.setState({...this.state, images, width});
}
@SharePerson
SharePerson / ReactNativeSwiperFlatList.js
Created February 6, 2020 12:05
React Native Swiper using FlatList
<FlatList
horizontal
pagingEnabled
data={images}
style={styles.flatlist}
keyExtractor={image => image.id}
showsHorizontalScrollIndicator={false}
renderItem={({item}) => {
return (
<View style={styles.imageContainer}>
@SharePerson
SharePerson / agora.js
Created February 5, 2020 17:08
Pulse Agora Code Sample
<script type="text/javascript">
var appId = '59ac5359d8f040f8b8ba7ae3a10a2b53';
var tempAppCert = 'a6ca16d39ab44458b0f32532865cf56f';
var tempChannelName = 'admin_2c6eb05c-cda3-471c-a96d-027e91322592';
var tempToken = '00659ac5359d8f040f8b8ba7ae3a10a2b53IAChsMiJuhtkQaHqI+wH7nDfZNlIWxrD/fjmYDbTrFb8da+8n0LOZlCnIgAaSMdYmmA8XgQAAQAAAAAAAgAAAAAAAwAAAAAABAAAAAAA';
var userId = '2100';
var remoteUserId = '5396';
var remoteUserFullname = 'San Francisco Test USer';
var localContainer = 'agora_local';
var remoteContainer = 'agora_remote';
@SharePerson
SharePerson / react-native-modals-imports.js
Created January 28, 2020 21:55
react-native-modals imports
import Modal, { ModalContent } from 'react-native-modals';
import SlideAnimation from 'react-native-modals/dist/animations/SlideAnimation';
@SharePerson
SharePerson / react-native-modals.js
Created January 28, 2020 21:38
react-native-modals integration
<Modal
visible={this.state.modalVisible}
onTouchOutside={() => this.setState({...this.state, modalVisible: false})}
swipeDirection={['left', 'right']}
modalAnimation={new SlideAnimation({
slideFrom: 'bottom'
})}
onSwipeOut={() => {
this.setState({...this.state, modalVisible: false });
}}
@SharePerson
SharePerson / react-native-modal.js
Created January 28, 2020 09:53
Calling react-native-modal component
<Modal
isVisible={this.state.modalVisible}
style={styles.modal}
coverScreen={this.state.coverScreen}
onBackdropPress={() => this.setState({
...this.state,
modalVisible: false
})}
onSwipeComplete={() => this.setState({
...this.state,
@SharePerson
SharePerson / import.js
Created January 28, 2020 09:52
Import react-native-modal
import Modal from "react-native-modal";
@SharePerson
SharePerson / Controller.cs
Created January 24, 2020 23:27
Controller
SelectList selectList = new SelectList(_SectionAPI.GetAllApplicationTypes(), "Id", "ApplicationName", "- Type -");
SelectListItem item = selectList.FirstOrDefault(i => i.Value == "your value");
item.Selected = true;
ViewBag.ApplicationTypes = selectList;