React Native navigation

2018 02 27 2 Comments

Firstly

Install react-navigation

npm install react-navigation --save
react-native link

In App.js dont forget to import react-navigation

import React, { Component } from 'react';

import First from './First';
import Second from './Second';

import {
    StackNavigator,
} from 'react-navigation';
  

const App = StackNavigator(
    {
        First: { screen: First},
        Second: { screen: Second},
    },
    {
      initialRouteName: 'First',
    }
);

export default App;

First.js

import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Button
} from 'react-native';



import { NavigationActions } from 'react-navigation';

class First extends React.Component {
	static navigationOptions = {
	  title: 'First view',
	};
	render() {
	  const { navigate } = this.props.navigation;
	  return (
		<Button
		  title="Go second"
		  onPress={() =>
			navigate('Second', { name: 'test' })
		  }
		/>
	  );
	}
}


export default First;

Second.js

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View, Button
} from 'react-native';

class Second extends React.Component {
	static navigationOptions = {
	  title: 'Second',
	};
	render() {
	  const { navigate } = this.props.navigation;
	  return (
		<Button
		title="Go back"
		onPress={() => this.props.navigation.goBack()}
		/>
	  );
	}
}


export default Second;

Good luck.

How I start to code CSS

2017 09 10 No Comments

Hello,
Usually I am using these lines to start new project. It makes coding HTML easy.

/* ================== clearfix ================== */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .c
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }

/* ================== useful ================== */
.cb {clear:both}
.dib {display: inline-block;}
.db {display: block;}
.fl {float: left;}
.fr {float: right;}

/* ================== box sizing ================== */
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

*:focus {outline: none;}

Regards.

Unity3d grey screen in Asset store and services tabs

2016 12 17 No Comments

In Unity 5.4 there is a bug. Both Assets store and services tabs are not working.I dont know everyone has this problem.

Solution is dead simple. Just undock the section windows. And restart Unity3d, because in services section it can be shown “You do not have permission for this action” error.

Here is the problem:
screen-shot-2016-12-17-at-04-31-48

Solution:
screen-shot-2016-12-17-at-04-43-57

Unity3d DOTween creating sequence

2016 12 15 No Comments

dotween_logo

DOTween is one of the popular plugins in the Asset Store. It makes easier creating tweens and animations. Besides the Unity’s animation engine, Dotween is simple and useful. You can create tweens both with script or inspector easily.

Here you are sequence example in with DOTween:

Sequence Test_Sequence = DOTween.Sequence();
Test_Sequence.Append(Icon.transform.DOScale (new Vector3 (1.4f, 1.4f, 0), 0.1f));
Test_Sequence.Append(Icon.transform.GetComponent<Image>().DOColor(Color.red, 0.1f));
mySequence.Append(Icon.transform.DOScale (new Vector3 (1f, 1f, 1f), 0.1f));

Test_Sequence.AppendCallback(() => {
	// this is callback
	Debug.Log("Finished");
});
Test_Sequence.Play ();

For more examples click here.

Unity3D debugging on terminal

2016 12 14 No Comments

Sometimes we can need to debug the game on phone. It is best way to see the logs on phone is to watch app/game in terminal. In Unity3D we can do it simple:

Open terminal while your game running and be sure usb cable is plugged. Write these command:

adb logcat -s Unity

Here is the simple screenshot from my terminal:

screen-shot-2016-12-15-at-00-43-51

Cocos Creator button touch listener (javascript)

2016 06 15 2 Comments

Hi, today I am sharing cocos creator touch listener method. In creator, there is node.on() method to handle events.

/* button */
var button = cc.find("Canvas/Button")

if(button) {
    button.on(cc.Node.EventType.TOUCH_START, function () {
        // your codes.
    }, button)
}

JavaScript read file from url

2016 06 08 No Comments
function readTextFile(file) {

	var allText
	
    var rawFile = new XMLHttpRequest()
    rawFile.open("GET", file, false)

    rawFile.onreadystatechange = function ()  {
    	
        if(rawFile.readyState === 4) {
            if(rawFile.status === 200 || rawFile.status == 0)  {
                allText = rawFile.responseText;
                
            }
        }
    }
    rawFile.send(null);
    return allText
}

Usage

var file = readTextFile("file.txt")

Meteor event.target and event.currentTarget

2016 05 06 No Comments

In this, topic, I am gonna show you event.target and event.currentTarget difference.

For example we need a data value of clicked element. (more…)

MongoDB Get Specific Field From Collection in Meteor

2016 05 04 No Comments

Hello, today I wanted to get one field from my collection in meteor.

For this, I created template helper and added two parameters like this.

Template.registerHelper( 'getInfo', (id, field) => {
    return Users.findOne({ _id: id}).[field] 
});

Now I am getting specific information of user by specific id.

Usage in template:

{{getInfo userID "user_name"}}

or you can use like this:

<img src="{{getInfo userID "user_avatar_url"}}" />

Enjoy 🙂

2D Oyun Motorları Listesi [2018]

2016 04 18 3 Comments

2D oyun geliştirmek için piyasada onlarca oyun motoru mevcut. Bu yazıda bu oyun motorları hakkında yorumlarım ve birkaç bilgi yer alıyor. Artık ben de oyun yapmak istiyorum diyorsanız tek yapmanız gereken size çekici gelen bir tanesini seçmek ve hemen işe koyulmak. 🙂

İsterseniz hepsini tek tek deneyip, size en kolay ve kullanışlı olanı da seçebilirsiniz.
(more…)